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

body{ font-family: 'Montserrat', sans-serif; padding: 0px;	margin: 0px; color:#fff;  line-height:25px; font-size:19px;}
#contenedor0{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden;}
#contenedor1{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor2{	width:80%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }


#header{min-height:145px;  border:0px solid#C30;  width: 100%; background:#; }
#reds{margin-top:55px; float:right; width:135px}
#reds img{width:40px}
	
#logo{margin-top:20px; margin-bottom:20px; width:280px;  float:left; border: 0px solid #f60;  position:absolute; z-index:100 }	
#logo img{width:100%}

#hea{min-height:100px; }

p, #bine1{line-height:40px; font-size:30px;   font-family: 'Montserrat', sans-serif;}
#bine{line-height:30px; font-size:20px;   font-family: 'Montserrat', sans-serif; margin-left:-15px; margin-bottom:25px}
#oficina{color:#232323; line-height:35px; font-size:25px;   font-family: 'Montserrat', sans-serif;}

footer{	width:950px;margin:0px auto;	color:#039;	font-size:12px;	background:#ECECEC;}
#maps{	width: 100%;	height: 300px;	}

#about1{width:30%; float:left; border:0px solid #09F; }
#about2{width:65%; float:right; border:0px solid #09F;}

.bg1{background:url(../img/calle4-mision%20vision.png) fixed; background-size:100%}

#produ1{width:25%; float:left; background:#763089; text-align:center;}
#produ2{width:25%; float:left; background:#4F1C5D; text-align:center;}
#produ3{width:25%; float:left; background:#763089; text-align:center;}
#produ4{width:25%; float:right; background:#4F1C5D; text-align:center;}
#produ1 img, #produ2 img, #produ3 img, #produ4 img{ width:70%; margin-bottom:25px}

#conta1{width:45%; float:left; border:0px solid #09F}
#conta2{width:45%; float:right; border:0px solid #09F}

#cont1{height:30px; background:#FFF; width:80%; border:0px; margin-bottom:20px; margin-top:5px; color:#666; font-size:15px; border:1PX solid #ccc;  border-radius:2px}
#cont2{height:100px;  background:#FFF; width:80%; border:0px; margin-bottom:20px; margin-top:5px; color:#666; font-size:15px; border:1PX solid #ccc;  border-radius:2px}

#bot{ color:#763089; border:3px solid #763089; font-size:25px; background:none; padding:7px 20px;  font-weight:600}
a .bot2{color:#fff; border:3px solid #fff; width:155px; line-height:45px; font-size:30px; font-weight:600; }
a:hover .bot2{ color:#01C4C8; border:3px solid #01C4C8;  text-decoration: none;	}
 
a{ color: #232323;	text-decoration: none;	}
a:hover{ color:#F9B949;    text-decoration: none;	}

#titu1{	color:#F9D304; font-size: 30px; font-family: 'Montserrat', sans-serif; font-weight:600; margin-bottom:15px; line-height:45px; letter-spacing:2px}
#titu2{	color:#763089; font-size: 40px; font-family: 'Montserrat', sans-serif; font-weight:600;  line-height:65px; letter-spacing:2px}

#f1{float:left; width:33%; border: 0px solid #0C6; margin-top:40PX; margin-bottom:20px }
#f2{float:left; width:33%; text-align:center; border: 0px solid #0C6; margin-top:10PX; margin-bottom:20px }
#f3{float:left; width:34%; text-align:right; border: 0px solid #0C6;margin-top:20PX; margin-bottom:20px }

#separador1{height:60px;}
#separador2{height:170px;}
#Estadistica{height:160px}

.bg2{background:url(../img/salsa/taqueria_fondo%20page.png) fixed; background-size:100%}
#calle1{width:45%; float:left; border:0px solid #09F}
#calle2{width:50%; float:right; border:0px solid #09F}
#pro1{float:left; width:50%}
#pro1 img{ width:60%}

.bg3{background:url(../img/guajito/guajitos_fondo%20page.png) fixed; background-size:100%}
#pro2{width:50%}
#pro2 img{ width:60%}

.bg4{background:url(../img/nopales/nopales_fondo%20page.png) fixed; background-size:100%}
#pro3{width:25%; float:left}
#pro3 img{ width:80%}

.bg5{background:url(../img/cristy/cristy_fondo%20page.png) fixed; background-size:100%; }

a .bot3{color:#232323; border:0px solid #fff; font-size:25px; width:337px; background:#fff; padding:7px 20px 10px 20px;  font-weight:600; border-radius:50px; text-align:center } 
a:hover .bot3{ color:#fff; border:0px solid #01C4C8; background:#763089; text-decoration: none;	}
 

@media screen and (min-width: 1024px) and (max-width: 1199px) {
#contenedor1{	border: 0px solid #F00;	}
#contenedor2{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

.bg1{background:url(../img/calle4-mision%20vision.png) fixed; background-size:120%; background-position:-100px}

p, #bine1{line-height:36px; font-size:26px;   font-family: 'Montserrat', sans-serif;}
#bine{line-height:30px; font-size:20px;   font-family: 'Montserrat', sans-serif;}
#oficina{color:#232323; line-height:32px; font-size:22px;   font-family: 'Montserrat', sans-serif;}
}

@media screen and (min-width: 800px) and (max-width: 1024px) {
#contenedor1{	border: 0px solid #FF0;	}
#contenedor2{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

#reds{margin-top:15px; float:right; width:180px}
#reds img{width:47px}

.bg1{background:url(../img/calle4-mision%20vision.png) fixed; background-size:135%; background-position:-200px}

p, #bine1{line-height:34px; font-size:24px;   font-family: 'Montserrat', sans-serif;}
#bine{line-height:30px; font-size:20px;   font-family: 'Montserrat', sans-serif;}
#oficina{color:#232323; line-height:32px; font-size:22px;   font-family: 'Montserrat', sans-serif;}

#produ1{width:25%; float:left; background:#763089; text-align:center;}
#produ2{width:25%; float:left; background:#4F1C5D; text-align:center;}
#produ3{width:25%; float:left; background:#763089; text-align:center;}
#produ4{width:25%; float:right; background:#4F1C5D; text-align:center;}
#produ1 img, #produ2 img, #produ3 img, #produ4 img{ width:80%; margin-bottom:25px}

#separador1{height:50px;}

.bg2{background:url(../img/salsa/taqueria_fondo%20page.png) fixed; background-size:100%}
#calle1{width:60%; float:left; margin-left:20%; margin-bottom:20px;}
#calle2{width:80%; float:left; margin-left:10%}
#pro1{float:left; width:50%}
#pro1 img{ width:60%}

.bg4{background:url(../img/nopales/nopales_fondo%20page.png) fixed; background-size:100%}
#pro3{width:50%; float:left}
#pro3 img{ width:60%}

.bg5{background:url(../img/cristy/cristy_fondo%20page.png) fixed; background-size:100%; }

a .bot3{color:#232323; border:0px solid #fff; font-size:24px; width:323px; background:#fff; padding:7px 20px 10px 20px;  font-weight:600; border-radius:50px; text-align:center } 
a:hover .bot3{ color:#fff; border:0px solid #01C4C8; background:#763089; text-decoration: none;	}
}

@media screen and (min-width: 600px) and (max-width: 799px) {
#contenedor1{	border: 0px solid #000;	}
#contenedor2{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

.bg1{background:url(../img/calle4-mision%20vision.png) fixed; background-size:180%; background-position:-200px}

#logo{margin-top:15px; }	

#reds{margin-top:15px; float:right; width:155px}
#reds img{width:47px}

p, #bine1{line-height:31px; font-size:21px;   font-family: 'Montserrat', sans-serif;}
#bine{line-height:31px; font-size:21px;   font-family: 'Montserrat', sans-serif;}
#oficina{color:#232323; line-height:30px; font-size:20px;   font-family: 'Montserrat', sans-serif;}

#titu2{	color:#763089; font-size: 35px; font-family: 'Montserrat', sans-serif; font-weight:600;  line-height:45px; letter-spacing:2px}

#about1{width:50%; float:left; border:0px solid #09F; margin-left:25%; margin-bottom:15PX; margin-top:15PX }
#about2{width:100%; float:right; border:0px solid #09F; text-align:center}

#produ1{width:50%; float:left; background:#763089; text-align:center;}
#produ2{width:50%; float:left; background:#4F1C5D; text-align:center;}
#produ3{width:50%; float:left; background:#4F1C5D; text-align:center;}
#produ4{width:50%; float:right; background:#763089; text-align:center;}
#produ1 img, #produ2 img, #produ3 img, #produ4 img{ width:70%; margin-bottom:25px}
 
#conta1{width:100%; float:left; border:0px solid #09F; text-align:center}
#conta2{width:100%; float:right; border:0px solid #09F; text-align:center}

#separador1{height:50px;}
#separador2{height:40px;}

#f1{float:left; width:40%; border: 0px solid #0C6; margin-top:20PX; margin-bottom:20px }
#f2{float:left; width:20%; text-align:center; border: 0px solid #0C6; margin-top:10PX; margin-bottom:20px }
#f3{float:left; width:40%; text-align:right; border: 0px solid #0C6;margin-top:0PX; margin-bottom:20px }

.bg2{background:url(../img/salsa/taqueria_fondo%20page.png) fixed; background-size:120%}
#calle1{width:60%; float:left; margin-left:20%; margin-bottom:20px;}
#calle2{width:100%; float:left; margin-left:0%}
#pro1{float:left; width:50%}
#pro1 img{ width:60%}

.bg3{background:url(../img/guajito/guajitos_fondo%20page.png) fixed; background-size:120%}
#pro2{width:50%}
#pro2 img{ width:60%}

.bg4{background:url(../img/nopales/nopales_fondo%20page.png) fixed; background-size:120%}
#pro3{width:50%; float:left}
#pro3 img{ width:60%}

.bg5{background:url(../img/cristy/cristy_fondo%20page.png) fixed; background-size:120%; }

a .bot3{color:#232323; border:0px solid #fff; font-size:21px; width:284px; background:#fff; padding:7px 20px 10px 20px;  font-weight:600; border-radius:50px; text-align:center } 
a:hover .bot3{ color:#fff; border:0px solid #01C4C8; background:#763089; text-decoration: none;	}
}


@media screen and (min-width: 480px) and (max-width: 599px) {
#contenedor1{border: 0px solid #f00;	}
#contenedor2{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

.bg1{background:url(../img/calle4-mision%20vision.png) fixed; background-size:220%; background-position:-300px}
#header{min-height:115px;  border:0px solid#C30;  width: 100%; background:; }

#logo{margin-top:15px; width:220px; }	

#reds{margin-top:15px; float:right; width:140px}
#reds img{width:40px}

p, #bine1{line-height:29px; font-size:19px;   font-family: 'Montserrat', sans-serif;}
#bine{line-height:29px; font-size:19px;   font-family: 'Montserrat', sans-serif;}
#oficina{color:#232323; line-height:28px; font-size:18px;   font-family: 'Montserrat', sans-serif;}

#titu2{	color:#763089; font-size: 30px; font-family: 'Montserrat', sans-serif; font-weight:600;  line-height:40px; letter-spacing:2px}

#about1{width:50%; float:left; border:0px solid #09F; margin-left:25%; margin-bottom:15PX; margin-top:15PX }
#about2{width:100%; float:right; border:0px solid #09F; text-align:center}

#produ1{width:50%; float:left; background:#763089; text-align:center;}
#produ2{width:50%; float:left; background:#4F1C5D; text-align:center;}
#produ3{width:50%; float:left; background:#4F1C5D; text-align:center;}
#produ4{width:50%; float:right; background:#763089; text-align:center;}
#produ1 img, #produ2 img, #produ3 img, #produ4 img{ width:70%; margin-bottom:25px}
 
#conta1{width:100%; float:left; border:0px solid #09F; text-align:center}
#conta2{width:100%; float:right; border:0px solid #09F; text-align:center}

#separador1{height:40px;}
#separador2{height:40px;}

#f1{float:left; width:100%; text-align:center; margin-top:20PX; margin-bottom:20px }
#f2{float:left; width:100%; text-align:center;  margin-top:0PX; margin-bottom:20px }
#f3{float:left; width:100%; text-align:center; margin-top:0PX; margin-bottom:20px }

.bg2{background:url(../img/salsa/taqueria_fondo%20page.png) fixed; background-size:150%; background-position:-100px}
#calle1{width:60%; float:left; margin-left:20%; margin-bottom:20px;}
#calle2{width:100%; float:left; margin-left:0%}
#pro1{float:left; width:50%}
#pro1 img{ width:80%}

.bg3{background:url(../img/guajito/guajitos_fondo%20page.png) fixed; background-size:150%; background-position:-100px}
#pro2{width:50%}
#pro2 img{ width:80%}

.bg4{background:url(../img/nopales/nopales_fondo%20page.png) fixed; background-size:150%; background-position:-100px}
#pro3{width:50%; float:left}
#pro3 img{ width:80%}

.bg5{background:url(../img/cristy/cristy_fondo%20page.png) fixed; background-size:150%; background-position:-100px}

a .bot3{color:#232323; border:0px solid #fff; font-size:19px; width:258px; background:#fff; padding:7px 20px 10px 20px;  font-weight:600; border-radius:50px; text-align:center } 
a:hover .bot3{ color:#fff; border:0px solid #01C4C8; background:#763089; text-decoration: none;	}
}


@media screen and (min-width: 320px) and (max-width: 479px) {
#contenedor1{border: 0px solid #f00;	}
#contenedor2{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

.bg1{background:url(../img/calle4-mision%20vision.png); background-size:220%; background-position:-220px}
#header{min-height:115px;  border:0px solid#C30;  width: 100%; background:; }

#logo{margin-top:18px; width:200px; }	

#reds{margin-top:15px; float:right; width:140px}
#reds img{width:40px}

p, #bine1{line-height:27px; font-size:17px;   font-family: 'Montserrat', sans-serif;}
#bine{line-height:27px; font-size:17px;   font-family: 'Montserrat', sans-serif;}
#oficina{color:#232323; line-height:27px; font-size:17px;   font-family: 'Montserrat', sans-serif;}

#titu2{	color:#763089; font-size: 25px; font-family: 'Montserrat', sans-serif; font-weight:600;  line-height:35px; letter-spacing:1px}

#about1{width:50%; float:left; border:0px solid #09F; margin-left:25%; margin-bottom:8PX; margin-top:8PX }
#about2{width:100%; float:right; border:0px solid #09F; text-align:center}

#produ1{width:50%; float:left; background:#763089; text-align:center;}
#produ2{width:50%; float:left; background:#4F1C5D; text-align:center;}
#produ3{width:50%; float:left; background:#4F1C5D; text-align:center;}
#produ4{width:50%; float:right; background:#763089; text-align:center;}
#produ1 img, #produ2 img, #produ3 img, #produ4 img{ width:70%; margin-bottom:25px}
 
#conta1{width:100%; float:left; border:0px solid #09F; text-align:center}
#conta2{width:100%; float:right; border:0px solid #09F; text-align:center}

#separador1{height:25px;}
#separador2{height:25px;}

#f1{float:left; width:100%; text-align:center; margin-top:20PX; margin-bottom:20px }
#f2{float:left; width:100%; text-align:center;  margin-top:0PX; margin-bottom:20px }
#f3{float:left; width:100%; text-align:center; margin-top:0PX; margin-bottom:20px }

.bg2{background:url(../img/salsa/taqueria_fondo%20page.png) fixed; background-size:255%; background-position:-200px}
#calle1{width:60%; float:left; margin-left:20%; margin-bottom:20px;}
#calle2{width:100%; float:left; margin-left:0%}
#pro1{float:left; width:100%; margin-bottom:20px}
#pro1 img{ width:60%}

.bg3{background:url(../img/guajito/guajitos_fondo%20page.png) fixed; background-size:256%; background-position:-200px}
#pro2{width:100%}
#pro2 img{ width:70%}

.bg4{background:url(../img/nopales/nopales_fondo%20page.png) fixed; background-size:260%; background-position:-200px}
#pro2{width:100%}
#pro2 img{ width:70%}


.bg5{background:url(../img/cristy/cristy_fondo%20page.png) fixed; background-size:255%; background-position:-200px}

a .bot3{color:#232323; border:0px solid #fff; font-size:17px; width:230px; background:#fff; padding:7px 12px 7px 12px;  font-weight:600; border-radius:50px; text-align:center } 
a:hover .bot3{ color:#fff; border:0px solid #01C4C8; background:#763089; text-decoration: none;	}
}