/**
 * Programador: Luis Enrique Ruiz Martinez;
 * Archivo: estilos.css;
 * Fecha: 22/12/2017;
 * hora: 1:33 am;
 * Empresa: morsotec.com;
 */

/**Caracter universal para todos los elementos**/
*{
	margin : 0px; /**Establecemos el margen exterior de todos los elementos en 0**/
	padding: 0px; /**Establecemos el margen interior de todos los elementos en 0**/
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

h1 {
	font: bold 20px verdana, sans-serif;
}

h2 {
	font: bold 14px verdana, sans-serif; 
}

/**Para asegurarnos de que todos los navegadores traten los traten como elementos estructurales**/
header, section, footer, nav, article, figure, figcaption,
hgroup{
 display: block;
} 

body{
	text-align: center; //*Centramos todo el cuerpo**/
}

a{
	text-decoration: none;
	color: #FFFFFF;
}

a:focus{
	color: #F60707;
}


#agrupar{  //**Creamos la caja principal**/
	/*width     : 960px;*/
	width: 100%;
	margin    : 0px auto;
	text-align: left;  /**volvemos a dejar todo el contenido de la caja principal a la izquierda**/
	background: #000000; /**Verde**/
}

#cabecera{
	background: #000000;
	display: none;
}

#menu{
	height: auto; /**Altura del menu**/
	width: 100%; 
	background: #000000;  /**color de fondo Negro**/
	color: black;       /**color de letras Blanco**/
	padding: 0px 50px;   /**Margen interior de 0px[Arriba , Abajo] 100px[derecha , izquierda]**/
	position: fixed;
	z-index: 2;
	font-family: TrashHand;
	font-size: 17px;
}


.textoTitulos{
	font-family: 'Pangolin', cursive;
}

#btn-menu{
	display: none;
}

header label{
	font-size: 30px;
	cursor: pointer;
	display: none;
}

#menu li{
	margin-top: 15px;   /**Margen exterior de 15px**/
	display: inline-block; /**Mostrar en forma de lista**/
	list-style: none;
	padding: 15px 25px;  /**Margen interior de 15px[arriba , abajo] , 25px[derecga, izquierda**/]
}

#menu li:hover{
	background: #7A7A7A;
	border-radius: 15px;
	-moz-transform: rotate(7deg);    /**Para rotar los botones en direccion a las ajugas del reloj, negativo cambia de direccion*/
   -webkit-transform: rotate(7deg); 
}

.logo{
	float: left;
	margin-left: 0px;
	width: 300px;
	height: 80px;
	padding: 0px 0px;
}

#seccion{
	padding-top:9px; /* Relleno superior igual a la altura del menu para no tapar el contenido*/
	background: #FFFFFF; /**Amarillo*/
	height: auto;  /*Tamaño del contenido donde iran las secciones*/
}

.inicio{
	background: #FFFFFF; /**Color azul de fondo**/
	background-image: url(../imagenes/FotosFinales/1.jpg);
	background-repeat: no-repeat; /**Muestra la imagen de fondo sin realizar ninguna repeticón si la imagen es mas pequeña**/
	background-attachment: fixed; /**Decimos que la imagen se quede fija**/
	background-size: 100% 100%;
	height: 700px;
	/*filter:brightness(0.5); */ /**Filtro para cambiar la iluminosidad de la imagen*/
}

#pie{
	clear: both;
	background: #027223;
	color: #FFFFFF;
	text-align: center;
	padding: 25px;
	border-top: 2px solid #F80000;
}

.tituloPrincipal{
	float: left;
	margin-top: 290px;
	margin-left: 50px;
    text-shadow: #000000 4px 5px 2px;
	color: #FFFFFF;
	animation-duration: 3s;   
    animation-name: slidein;   /**Usamos una animacion para las letras*/
    position: absolute; /*Eliminar esto si no funciona*/
}

#titulo{
    /*font-family:'KissMeKissMeKissMe',cursive;*/
	font-family: 'TrashHand', cursive;
	font-size: 60px;
}

#subtitulo{
   /* font-family:'KissMeKissMeKissMe',cursive;*/
    font-family: 'TrashHand', cursive;
	font-size: 30px;
}

.formularioContacto{
	float: left;
	margin-top: 150px;
	margin-left: 850px;
	padding: 35px 50px;
	color: #FFFFFF;
    border-radius: 15px;
    background: rgba(255,255,255,0.5);
    
}

#btnEnviar{
	width: 100px;
	padding: 10px;
	background: #BA0020;
	border-radius: 5px;
	color: #FFFFFF;
}

.formularioContacto p{
  color: #242323;
  font-family: 'Anton', sans-serif;
}

.formularioContacto input{
	width: 350px;
	height: 35px;
}

.formularioContacto textarea{
	width: 350px;
	
}

.historia{
	width: 100%;
	height: auto;
    background-image: url(../imagenes/Fondos/Verde.jpg);
/*	background: #027223;*/
    padding: 60px 200px;
    
      border-top: 5px solid #088A08;
}

.tituloAsada{
	text-align: center;
	color: #F2E9E9;
	font-family: 'KissMeKissMeKissMe', cursive;
	font-size: 50px;
}

.ranitaLineas{
	display:block;
    margin:auto;
}

.tituloHistoria figcaption{
	text-align: center;
    color: #FFFFFF;
    text-align: justify;
    font-family: 'Crimson Text', serif;
    font-size: 20px;
    padding-top: 50px;
}

.tituloHistoria h1{
	text-align: center;
	font-family: 'TrashHand', cursive;
	font-size: 28px;
}

.promociones{
	width: 100%;
	height: auto;
	background: #BA0020; 
	padding: 20px 10px;
	text-align: center;
	font-family: 'Abril Fatface', cursive;
	font-size: 30px;
}

.menu{
	background: #000000; /*negro*/
	width: 100%;
	height: 50px;
	padding: 5px 15px;
	color: #F2E9E9;
	text-align: center;
}

.menu p{
	font-family: 'TrashHand', cursive;
	font-size: 40px;
    color: white;
}

#carrusel{
	height: 250px;
/*	height: 10%;*/
	background: #00AEFF;
}

.img-fluid{
	max-width: 100%;
	height: 100%;
	display: block;
}
.item{
	height: 200px;
	cursor: zoom-in;
}


.beneficios{
	background: #0042FF; /**Color azul de fondo**/
	background-image: url(../imagenes/Fondos/fondo-logo.png);
	background-repeat: no-repeat; /**Muestra la imagen de fondo sin realizar ninguna repeticón si la imagen es mas pequeña**/
	background-attachment: fixed; /**Decimos que la imagen se quede fija**/
	background-size: cover;  /**Ajustamos el tamaño de la imagen a que ocupe la pantalla completa**/
	padding: 25px 50px;
	/*filter:brightness(0.5); */ /**Filtro para cambiar la iluminosidad de la imagen*/
    border-top: 5px solid #31B404;
    
}

.imgBeneficios1 {
	border: 7px solid white;
	width: 40%; 
	cursor: zoom-in;
}

.infoBeneficios{
	float: right;
	margin-top: 50px;
	height: auto;
	width: 500px;
	padding: 35px 50px;
	color: #FFFFFF;
    border-radius: 15px;
    background: rgba(255,255,255,0.8);
    text-align: center;
    color: #000000;
}

.infoBeneficios p{
	font-family: 'TrashHand', cursive;
    font-size: 50px;
    color: black;
}

.infoBeneficios ul >li{
	text-align: left;
	font-family: 'TrashHand', cursive;
	font-size: 24px;
}

.imgBeneficios2 {
	margin-top: 50px;
	border: 7px solid white;
	width: 40%;
	cursor: zoom-in;
}

.imgBeneficios{
	clear: both;
	background: #000000; /**Color azul de fondo**/
	background-image: url(../imagenes/Fondos/FondoRanas.jpg);
	background-repeat: no-repeat; /**Muestra la imagen de fondo sin realizar ninguna repeticón si la imagen es mas pequeña**/
	background-size: 100% 100%;  /**Ajustamos el tamaño de la imagen a que ocupe la pantalla completa**/
	background: cover;
	height: auto;
	padding: 15px 150px;
	text-align: center;
	/*filter:brightness(0.9); */ /**Filtro para cambiar la iluminosidad de la imagen*/
    border: 25px;
    border-top: 5px solid #A4A4A4;
}

.imgBeneficios h1{
	font-family: 'TrashHand', cursive;
    font-size: 60px;
    color: black;
}

.imgBeneficios figure{
	 font-family: TrashHand;
	font-size: 24px;
}

.imgBeneficios img{
	width: 160px;
	height: 120px;
}

.ubicanos{
/*	background: #8CCB15;*/
    background-image: url(../imagenes/Fondos/Verde.jpg);
	text-align: center;
	font-size: 40px;
	color: #000000;
	padding: 20px 100px; 
    border-top: 5px solid #088A08;
	
}

.ubicanos span{
	font-family: 'Pangolin', cursive;
	font-size: 19px;
	text-align: center;
}

#map{
	height: 500px;
}



.contacto{
	clear: both;
	background: #BA0020;
	height: 400px;
	padding: 10px 10px;
	text-align: center;
    border-top: 5px solid #088A08;
}

#imgContacto1{
	margin: 40px 0px;
	margin-left: 180px;
	width: 20%;
	float: left;
	font-family: 'Dosis', sans-serif;
	font-size: 17px;
    
}

#imgContacto2{
	margin: 40px 0px;
	margin-left: 100px;
	width: 20%;
	float: left;
	font-family: 'Dosis', sans-serif;
	font-size: 17px;
}

#imgContacto3{
	margin: 40px 0px;
	margin-left: 100px;
	width: 20%;
	float: left;
	font-family: 'Dosis', sans-serif;
	font-size: 17px;
}

.tituloImgContacto{
	font-size: 24px;
	font-family: 'Oswald', sans-serif;
}

.logoContactoInfo{
	height: 150px;
	margin-left: 100px;
}

.contactoInfo{

	background: #000000;
	height: 420px;
	padding: 15px 15px;

    
    
    float: left;
	width: 100%;
	height: 700px;
    /*background-image: url(/imagenes/LOGOXX.jpg);*/
	background-color:black;
	padding: 15px;
    border-top: 5px solid gray;
	
    
}

.contactoInfo1{
	width: 350px;
	float: left;
}

.logotipoContactoInfo{
	width: 90%;
	padding: 0px;
	margin: 0px;
}

.contactoInfo2{
    width: 450px;
	height: 180px;
	margin-left: 5%;
    margin-top: 3%;
	float: left;
	padding-bottom: 10px;
	font-family: TrashHand;
	font-size: 15px;
}

.contactoInfo2 ul >li{
	color: #FFFFFF;
	padding: 15px;
}


.contactoInfo3{
    width: 350px;
    height: 80px;
	margin-left: 35%;
    margin-top: -15%;
	float: left;
    padding-bottom: 10px;
	font-family: 'Pangolin', cursive;
    font-size: 12px;
    color: white;
}

.contactoInfo3 h1{
	font-family: 'KissMeKissMeKissMe', cursive;
}

.contactoInfo3 img{
	border-radius: 5px;
}
#popup {
   display: none;
 /*visibility:hidden; */
   opacity: 0;
   margin-top: -300px;
}
#popup:target {
   display: block;
 /*visibility:visible;*/
   opacity: 1;
   background-color: rgba(0,0,0,0.8);
   position: fixed;
   top:0;
   left:0;
   right:0;
   bottom:0;
   margin:0;
   z-index: 999;
   transition:all 1s;
}
.popup-contenedor {
   position: relative;
   margin:7% auto;
   padding:20px 100px;
   background-image: url(../imagenes/Nuevas2/negro.jpg);
   background-color: #fafafa;
   color:#333;
   border-radius: 2px;
   width:80%;
   height: 80%;
   text-align: center;
}
a.popup-cerrar {
   position: absolute;
   top:3px;
   right:3px;
   background-color: #333;
   padding:7px 10px;
   font-size: 20px;
   text-decoration: none;
   line-height: 1;
   color:#fff;
}

#popup h2{
	color: #FFFFFF;
}

#scroll{
	width:108%;
	height:90%;

	overflow:scroll;
	overflow-x:hidden;
	overflow:auto;
	visibility:visible;

}
.markerAnimation{
	cursor: help;
}

/*
.menuInfo{
	margin: 50px 50px;
	background: #FF0000;
	width: 20%;
	height: auto;
	float: left;
}
*/

@keyframes slidein {
  from {
    margin-left: 100%;
    width: 300%
  }

  to {
    margin-left: 4%;
    width: 100%;
  }

}

/***********************ESTILO DE FRANQUICIAS**************************/



#informarcionFranquicias{
    background-image: url(../imagenes/Fondos/FondoRanas.jpg);
	float: left;
	width: 100%;
	height: 100%;
	padding: 10px 40px 50px;
}

#informarcionFranquicias p{
	border-right: 5px solid #F90707;
	text-align: justify;

}


#informarcionFranquicias2{
	background: #0042FF; /**Color azul de fondo**/
	background-image: url(../imagenes/Fondos/negocio2.jpg);
	background-repeat: no-repeat; /**Muestra la imagen de fondo sin realizar ninguna repeticón si la imagen es mas pequeña**/
	background-attachment: fixed; /**Decimos que la imagen se quede fija**/
	background-size: cover;  /**Ajustamos el tamaño de la imagen a que ocupe la pantalla completa**/
	padding: 313px 150px;
	/*filter:brightness(0.5); */ /**Filtro para cambiar la iluminosidad de la imagen*/
    border-top: 5px solid #31B404;
}


 #informarcionFranquicias2{
    	float: none;
    	width: 100%;
    	height: auto;
    	padding-top: 100px; 
    }
#informarcionFranquicias2 p{
	border-right: 5px solid #F90707;
	text-align: justify;

}




#franquicias{
	
	float: left;
	width: 50%;
	height: 100%;
	background-color: brown;
	padding: 120px 40px 50px;

}

#franquicias h1{
	text-align: center;
}

.formularioFranquicias{
	background: rgba(255,255,255,0.5);
	width: 500px;
	margin: auto;
	padding: 30px;
	border-radius: 15px; 
}


.formularioFranquicias input{
	width: 420px;
	height: 35px;
	margin-bottom: 10px;
	padding: 5px;
}


textarea {
  resize: none;
  padding: 5px
}

#bannerSucursales{
	clear: both;
	text-align: center;
	padding: 20px;
	color: #FFFFFF;
	background: #000000;
}

#bannerSucursales h1{
	font-family: 'Pangolin', cursive;
	font-size: 30px;
}

#sucursal1Index{
	float: left;
	width: 100%;
	height: 100%;
    background-image: url(../imagenes/Nuevas2/negro2%20copy.jpg);
	/*background: #027223;*/
    background-size:100% 100%;
	padding: 35px;
    border-top: 5px solid red;
}

#sucursal1Index h1{
	font-family: 'Pangolin', cursive;
	font-size: 23px;
}

.tituloSucursales{
	font-family: 'Pangolin', cursive;
	text-align: center;
	font-size: 26px;
}

#sucursal1{
	float: left;
	width: 50%;
	height: 500px;
	background: #BA0020;
	padding: 35px;
	border-right: 10px dotted #027223;
}

#sucursal1 h1{
	font-family: 'KissMeKissMeKissMe', cursive;
	font-size: 23px;
}

#sucursal2{
	float: left;
	width: 100%;
	height: 100%;
	background: #95A5A6;
	padding: 45px;
    border-top: 5px solid red;
	
}

#sucursal2 h1{
	font-family: 'Pangolin', cursive;
	font-size: 23px;
}


#map1{
	width: 100%;
	height: 100%;
}

#map2{
	width: 100%;
	height: 30%;
}

#map3{
	width: 100%;
	height: 350px;
}

#map4{
	width: 100%;
	height: 350px;
}
/******************ESTILO SERVICIO A DOMICILIO******************/
.contactoInfoDomicilio{
	overflow: hidden;
	background: #000000;
	height: auto;
	padding: 15px 15px;
}

#servicioDomicilio{
	height: 500px;
	text-align: center;
	padding: 50px;
	background: #BA0020;
}

#carruselD{
	z-index: 1;
}


@media screen and (max-width: 1200px) {
	.logo{
		width: 100%;
        margin: auto;
	}
    
    .tituloPrincipal{
    	float: none;
    	margin-left: 10%;
    	margin-top: -20%;
    }

	#titulo{
		font-size: 20px;
	}

	#subtitulo{
		font-size: 20px;
	}

	.formularioContacto{
		float: none;
		margin-top: 0%;
		margin-left: 5px;
		width: 93%;
	}

    .formularioContacto input {
	width: 100%;
	height: 35px;  
    }

    .formularioContacto textarea {
	width: 100%;
	height: 80px;  
    }


	header label{
		display: block;
		color: #FFFFFF;
		font-size: 24px;
		cursor: pointer;
		background: #C90909; /*rojo*/
		text-align: center;
	}

	#seccion{
		padding-top: 0px; /*Para arreglar el padding del menu al hacerlo responsivo*/
	}

	#menu{
		position: absolute;
		left: 0;
		width: 100%;
	    transform: translateY(-150%);
		transition: all 1s;
	}

	
	#menu ul{
		display: block;
	}

	#menu ul>li{
		width: 100%;
		text-align: center;
	}

	#menu li:hover{
	  -moz-transform: rotate(0deg);    /**Para rotar los botones en direccion a las ajugas del reloj, negativo cambia de direccion*/
      -webkit-transform: rotate(0deg); 
	}

	#btn-menu:checked ~ #menu{
		transform: translateY(0%);
	}

	.inicio{
		background-image: url(../imagenes/FotosFinales/9SL.JPG);
		background-attachment: scroll;
		background-size: cover;
		padding-top: 100px;
	}

	.historia{
    padding: 60px 20px;
    }

    .ranitaLineas{
    	width: 105%;
    }


    .promociones img{
    	width: 100%;
    }

    .menu{
    	height: auto;
    	padding: 5px 10px;
    }

    .menuInfo1{
    	width: 100%;
    	margin: auto;
    	float: none;
    	margin-top: 10px;
    }
    .menuInfo2{
    	width: 100%;
    	margin: auto;
    	float: none;
    	margin-top: 10px;
    }

     .menuInfo3{
    	width: 100%;
    	margin: auto;
    	float: none;
    	margin-top: 10px;
    }
    .menuInfo4{
    	width: 100%;
    	margin: auto;
    	float: none;
    	margin-top: 10px;
    }

     .menuInfo5{
    	width: 100%;
    	margin: auto;
    	float: none;
    	margin-top: 10px;
    }
    .menuInfo6{
    	width: 100%;
    	margin: auto;
    	float: none;
    	margin-top: 10px;
    }

    .beneficios{
    	padding: 25px 5px;
    	background-image: url(../imagenes/Fondos/Maderana.jpg);
    	background-size: 100% 100%;
    	background-attachment: scroll;
    }

    .infoBeneficios{
    float: none;
	width: 100%;
	height: auto;
	margin: auto;
    }

    .infoBeneficios ul>li{
    	font-size: 20px;
    }

    .imgBeneficios1{
    	margin-top: 5px;
    	width: 100%;
    }

     .imgBeneficios2{
    	margin-top: 5px;
    	width: 100%;
    }

    .imgBeneficios {
     height: auto;
     padding: 5px 10px;
     background-size: cover;
	/*filter:brightness(0.5); */ /**Filtro para cambiar la iluminosidad de la imagen*/
    }

    .imgBeneficios h1{
    	margin-top: 10px;
    	font-size: 24px;
    }

    .imgBeneficios p{
    	margin-bottom: 5px;
    	font-size: 18px;
    }

    .contacto{
      height: auto;
    }

    .contactoInfo{
	height: auto;
	padding: 15px 0px;
    }

    .contactoInfoDomicilio{
	height: auto;
	padding: 15px 0px;
    }

    #imgContacto1{
    	width: 100%;
    	margin: auto;
    	float: none;
    }

     #imgContacto2{
    	width: 100%;
    	margin: auto;
    	float: none;
    }

     #imgContacto3{
    	width: 100%;
    	margin: auto;
    	float: none;
    }

    .contactoInfo1{
    	width: 100%;
    	margin: auto;
	    float: none;
    }

    .contactoInfo2{
    	height: auto;
    	width: 100%;
    	margin-top: 15px;
    	margin-bottom: 15px;
    	margin-left: 0px;
    	padding: 0px 25px;
    	float: none;
    }



    .contactoInfo3{
    	height: auto;
    	width: 100%;
    	margin-top: 10px;
    	float: none;
    	margin: 0px 0px;
    	padding: 5px 5px;
    	font-size: 14px;
    }

    

    .popup-contenedor {
    position: relative;
    margin: 5% auto;
    padding: 30px 50px;
    width:100%;

    }

    .logoContactoInfo{
    	display: none;
    }


    #scroll{
    	width: auto;
    }

    .ubicanos p{
    	padding: 25px;
    	font-size: 18px;
    }

    /************FRANQUICIAS RESPONSIVE****************/
    #informarcionFranquicias{
     background-image: url(../imagenes/Fondos/FondoRanas.jpg);
    	float: none;
    	width: 100%;
    	height: auto;
	   padding: 10px 40px 50px;
    }

    #informarcionFranquicias p{
	border-right: none;
    }

    #franquicias{
    	float: none;
    	width: 100%;
    	height: auto;
    	padding-top: 100px; 
    }

    .formularioFranquicias{
    	width: 100%;
    }

    .formularioFranquicias input, textarea{
    	width: 100%;
    }

    #sucursal1{
    	float: none;
    	width: 100%;
    	height: auto;
    	border-right: none;
    	padding: 35px 0px 35px 0px;
    }

    #sucursal1 h1{
    	padding: 0px 35px 0px 35px;
    }


    #sucursal1Index{
    	float: none;
    	width: 100%;
    	height: 50%;
        
    background-image: url(../imagenes/Fondos/maderanegra%20copy.jpg);
    	border-right: none;
    	padding: 35px 10px 35px 10px;
    }

    #sucursal1Index h1{
    	padding: 0px 35px 0px 35px;
    }

    #sucursal2{
    	float: none;
    	width: 100%;
    	height: auto;
    	border-right: none;
    	padding: 35px 0px 35px 0px;
    }

    #sucursal2 h1{
    	padding: 0px 35px 0px 35px;
    }
 
}

/*
@media only screen and (max-width: 1200px) and (orientation: landscape) {
	.logo{
		display: none;
	}
}  
*/







/**Ulñtimo 
*/

/*bruce Wayne */
.botonsito {
border: 4px solid #088A4B; /*anchura, estilo y color borde*/
padding: 5px; /*espacio alrededor texto*/
background-color: #088A4B; /*color botón*/
color: #ffffff; /*color texto*/
text-decoration: none; /*decoración texto*/
text-transform: uppercase; /*capitalización texto*/
font-family: 'Helvetica', sans-serif; /*tipografía texto*/
border-radius: 50px; /*bordes redondos*/
}

.tituloAsada2{
	text-align: center;
	color: #F2E9E9;
	font-family: 'Pangolin', cursive;
	font-size: 20px;
}

.tituloAsada3{
	text-align: justify;
	color: #F2E9E9;
	font-family: 'Dosis', cursive;
	font-size: 20px;
}


#franquicias2{
	float: left;
	width: 50%;
	background-image: url(../imagenes/fotos/fondos/fondo.jpg);
	background-repeat: no-repeat; /**Muestra la imagen de fondo sin realizar ninguna repeticón si la imagen es mas pequeña**/
	background-size: 100%;
	padding: 30px;
}

#franquicias3{
	float: left;
	width: 100%;
	background-image: url(../imagenes/fotos/fondos/fondo3.jpg);
	background-repeat: no-repeat; /**Muestra la imagen de fondo sin realizar ninguna repeticón si la imagen es mas pequeña**/
	background-size: 100%;
	padding: 50px;
}

#History{
	width: 100%;
	height: auto;
	padding: 50px;
    background-image: url(../imagenes/Fondos/Verde.jpg);
/*	background: #027223;*/
	
}

#History img{
	display:block;
    margin:auto;
}
/**AQUI ESTAN LOS CSSS*/

.textoTitulos3{
	font-family: 'TrashHand', cursive;
    font-size: 60px;
    color: black;
}

.sucur{
	background: ;
	text-align: center;
	font-size: 60px;
	color: white;
	padding: 20px 100px; 
	font-family: 'TrashHand', cursive;
}

#sucurfondo{
	float: left;
	width: 50%;
	height: 400px;
	background-image:url(../imagenes/Nuevas2/Sucursales.jpeg);
	padding: 35px;
	border-right: 10px dotted #027223;
}

p5{
	font-family: 'TrashHand', cursive;
	font-size: 30px;
    color: white;
}

p6{
	font-family: 'TrashHand', cursive;
	font-size: 20px;
    color: white;
}

p60{
	font-family: 'KissMeKissMeKissMe', cursive;
	font-size: 20px;
    color: white;
}
h20{
		color: #FFF;
		text-align:left;
		padding: 5rem 0;
		margin:0;
		font-family: 'Fjalla One', sans-serif;
		font-weight: 300;
	}


#map1{
	width: 100%;
	height: 350px;
}
#map2{
	width: 100%;
	height: 350px;
}


p50{
	font-size: 10px;
    color: white;
}

/*Carrusel mamalon*/


 .carousel,
 .item,
 .active {
    height: 50%;
}

 .carousel-inner img {
      width: 100%;
      height:100%;
  }


#Galeria{
	float: left;
	width: 10%;
	height: 90px;
/*    background-image: url(/imagenes/Nuevas2/negro2.jpg);*/
	background: black;
    background-size:100% 100%;
	padding: 35px;
	border-right: 10px dotted #027223;
}


   #Galeria{
    	float: none;
    	width: 100%;
    	height: 50%;
    	border-right: none;
    	padding: 35px 10px 35px 10px;
    }


p51{
	font-family: 'TrashHand', cursive;
	font-size: 10px;
    color: white;
}
p52{
	font-family: 'TrashHand', cursive;
	font-size: 20px;
    color: white;
}

/*CODIGO PARA CARRUSEL CLASE*/
.galeria{
	background-color: black; /**Color azul de fondo**/
	/*background-image: url(../imagenes/Fondos/fondo-logo.png);*/
	/*background-image: url(http://mammagaucha.com/wp-content/uploads/2017/07/fondo-bene.jpg);*/
	background-repeat: no-repeat; /**Muestra la imagen de fondo sin realizar ninguna repeticón si la imagen es mas pequeña**/
	background-attachment: fixed; /**Decimos que la imagen se quede fija**/
	background-size: cover;  /**Ajustamos el tamaño de la imagen a que ocupe la pantalla completa**/
	padding: 25px 50px;
	/*filter:brightness(0.5); */ /**Filtro para cambiar la iluminosidad de la imagen*/
    border-top: 5px solid red;
    
}


  .galeria{

    	padding: 25px 5px;
    	background-size: 100% 100%;
    	background-attachment: scroll;
        font-family: 'TrashHand', cursive;
        font-size: 40px;
        color: white;
      border-top: 5px solid red;
    }


.bordegaleria {
	border: 7px solid gray;
	width: 40%; 
	cursor: zoom-in;
}

    .bordegaleria{
    	margin-top: 5px;
    	width: 100%;
    }



.franquiciax{
	background: #0042FF; /**Color azul de fondo**/
	background-image: url(../imagenes/Fondos/fondo-logo.png);
	background-repeat: no-repeat; /**Muestra la imagen de fondo sin realizar ninguna repeticón si la imagen es mas pequeña**/
	background-attachment: fixed; /**Decimos que la imagen se quede fija**/
	background-size: cover;  /**Ajustamos el tamaño de la imagen a que ocupe la pantalla completa**/
	padding: 25px 50px;
	/*filter:brightness(0.5); */ /**Filtro para cambiar la iluminosidad de la imagen*/
    border-top: 5px solid #31B404;
    
}

    .franquiciax{
    	padding: 25px 5px;
    	background-image: url(../imagenes/Fondos/Maderana.jpg);
    	background-size: 100% 100%;
    	background-attachment: scroll;
    }




    .infoFranquicias{
	float: right;
	margin-top: 50px;
	height: auto;
	width: 500px;
	padding: 35px 50px;
	color: #FFFFFF;
    border-radius: 15px;
    background: rgba(255,255,255,0.8);
    text-align: center;
    color: #000000;
}

   .infoFranquicias{
    float: none;
	width: 100%;
	height: auto;
	margin: auto;
    }


#sucursal1Index2{
	float: left;
	width: 100%;
	height: 100%;
    background-image: url(../imagenes/Nuevas2/negro2%20copy.jpg);
	/*background: #027223;*/
    background-size:100% 100%;
	padding: 35px;
    border-top: 5px solid red;
}

    #sucursal1Index2{
    	float: none;
    	width: 100%;
    	height: 50%;
        
    background-image: url(../imagenes/Fondos/maderanegra%20copy.jpg);
    	border-right: none;
    	padding: 35px 10px 35px 10px;
    }


#sucursal3{
	float: left;
	width: 100%;
	height: 10%;
	background: #95A5A6;
	padding: 45px;
    border-top: 5px solid red;
	
}

 #sucursal3{
    	float: left;
    	width: 100%;
    	height: auto;
    	border-right: none;
    	padding: 35px 0px 35px 0px;
    }





.sucuimagenes{
	width: 100%;
	height: auto;
    background-image: url(../imagenes/Fondos/Verde.jpg);
/*	background: #027223;*/
    padding: 60px 200px;
    
      border-top: 5px solid #088A08;
}

.sucuimagenes{
    padding: 60px 20px;
    }

.beneficios30{
	background-image: url(../imagenes/Fondos/rojito.jpg);
	background-repeat: no-repeat; /**Muestra la imagen de fondo sin realizar ninguna repeticón si la imagen es mas pequeña**/
	background-attachment: fixed; /**Decimos que la imagen se quede fija**/
	background-size: cover;  /**Ajustamos el tamaño de la imagen a que ocupe la pantalla completa**/
	padding: 25px 50px;
	/*filter:brightness(0.5); */ /**Filtro para cambiar la iluminosidad de la imagen*/
    border-top: 5px solid #31B404;
    
}

   .beneficios30{
    	padding: 25px 5px;
    	background-image: url(../imagenes/Fondos/rojito2.jpg);
    	background-size: 100% 100%;
    	background-attachment: scroll;
    }


.imgfran{
	margin-top: 50px;
	border: 7px solid white;
	width: 40%;
}

     .imgfran{
    	margin-top: 5px;
    	width: 100%;
    }



#bannerfranquicias{
	clear: both;
	text-align: center;
	padding: 20px;
	color: #FFFFFF;
	background: #95A5A6  ;
}


#sucursal1Index20{
	float: left;
	width: 100%;
	height: 100%;
    background-image: url(../imagenes/Fondos/Verde.jpg);
	/*background: #027223;*/
    background-size:100% 100%;
	padding: 35px;
    border-top: 5px solid red;
}

    #sucursal1Index20{
    	float: none;
    	width: 100%;
    	height: 50%;
        
    background-image: url(../imagenes/Fondos/Verde.jpg);
    	border-right: none;
    	padding: 35px 10px 35px 10px;
    }