@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;modulos
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */
body { background-color: #c2361a;}
.big { display: none;}
.small { display: block;}
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #efe5d4;
}
#slide {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	z-index: 1;
}
#slide-menu {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	background-position: center;
	background-size: cover;
}
#slide-txt {
	clear: both;
	float: left;
	display: block;
	width: 40%;
	margin-left: 50%;
	padding: 30% 5%;
	background-color: rgba(0,0,0,0.8);
}
#logo {
	clear: both;
	float: left;
	width: 40%;
	display: block;
	margin: 8% 30%;
	z-index: 10000;
}
#section {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background: url("../img/rey-azteca-newtown-mexican-restaurant-tacos-fajitas-burritos-lunch-img-09.jpg");
	background-size: 100% auto;
	background-position: top center;
	background-repeat: no-repeat;
}
#section2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background: url(../img/fondo1.jpg);
	background-size: cover;
}
#section2 #boton {
	clear: none;
	float: left;
	margin: 2% 0;
	padding: 5% 20%;
	width: 60%;
	display: block;
	border-top: 2px solid #c2361a;
	border-bottom: 2px solid #c2361a;
}
#section-menu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#modulos {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	margin: 70% 0 0;
}
.line { height: 1px; background: #000; }
#menu-opt, #menu-opt2, #menu-opt3 { display: block; width: 100%; margin: 0%; background-position: center; background-size: cover; width: 90%; padding: 30% 5%;}
#menu-opt4 { display: block; width: 100%; margin: 0%; background-position: center; background-size: cover; width: 90%; padding: 30% 5%;}
#menu-opt5 { display: block; width: 100%; margin: 0%; background-position: center; background-size: cover; width: 76%; padding: 22% 12%;}

#mod1 {
	clear: none;
	float: left;
	width: 100%;
	margin: 0;
	display: block;
	padding: 40% 0;
	background-position: center;
	background-size: 150% auto;
	background-image: url("../img/rey-azteca-newtown-mexican-restaurant-tacos-fajitas-burritos-lunch-img-02.jpg");
}
#mod2 {
	clear: none;
	float: left;
	width: 100%;
	margin: 0;
	display: block;
	padding: 40% 0;
	background-position: center;
	background-size: 100% auto;
	background-image: url("../img/rey-azteca-newtown-mexican-restaurant-tacos-fajitas-burritos-lunch-img-03.jpg");
}
#mod3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;}
#col1 {
	clear: none;
	float: left;
	margin: 0%;
	width: 100%;
	display: block;
}
#col2 {
	clear: none;
	float: left;
	margin: 0%;
	width: 100%;
	display: block;
}
#col3 {
	clear: none;
	float: left;
	margin: 0%;
	width: 100%;
	display: block;
}
#col4 {
	clear: none;
	float: left;
	margin: 0%;
	width: 100%;
	display: block;
}
#col5 {
	clear: none;
	float: left;
	margin: 0%;
	width: 100%;
	display: block;
}
#boton {
	clear: none;
	float: left;
	margin: 0%;
	padding: 10% 28% 0;
	width: 44%;
	display: block;
}
#footer {
	clear: none;
	float: left;
	margin: 0%;
	width: 100%;
	display: block;
	background-image: url("../img/rey-azteca-newtown-mexican-restaurant-tacos-fajitas-burritos-lunch-img-08.jpg");
	background-size: 90% auto;
	background-position: center bottom;
	background-repeat: no-repeat;
}
#footer2 {
	clear: none;
	float: left;
	text-align: center;
	margin: 0%;
	width: 100%;
	margin: 15% 15% 56%;
	width: 70%;
	display: block;
}
#footer2 img { max-width: 300px; width: 30%; margin-top: 8%;}
#copy {
	clear: none;
	float: left;
	margin: 0%;
	width: 80%;
	display: block;
	background: #131313;
	text-align: center;
	padding: 2% 10%;
}
#sec-menu1 {
	clear: none;
	float: left;
	margin: 0%;
	width: 100%;
	display: block;
	background: #000;
}
#sec-menu2 {
	clear: none;
	float: left;
	margin: 0%;
	width: 70%;
	display: block;
	background: #faefd6;
	padding: 15%;
}
#sec-menu2 #mn1, #sec-menu2 #mn2 {
	clear: none;
	float: left;
	padding:  0;
	margin: 0 0 3%;
	width: 100%;
	display: block;
}
#sec-menu2 #mn3 {
	clear: none;
	float: left;
	padding:  0;
	margin: 0%;
	width: 100%;
	display: block;
}
#mn1 {
	clear: none;
	float: left;
	margin: 0%;
	width: 100%;
	display: block;
}
#mn2 {
	clear: none;
	float: left;
	margin: 0%;
	width: 70%;
	padding: 15%;
	display: block;
}
#mn3 {
	clear: none;
	float: left;
	margin: 0%;
	width: 70%;
	display: block;
	padding: 15%;
}
#mn4 {
	clear: none;
	float: left;
	margin: 0%;
	width: 70%;
	display: block;
	padding: 15%;
}
#mn5 {
	clear: none;
	float: left;
	margin: 0%;
	width: 70%;
	padding: 15%;
	display: block;
}
#mn6 {
	clear: none;
	float: left;
	margin: 0%;
	width: 70%;
	padding: 15%;
	display: block;
}
#title {
	clear: none;
	float: left;
	margin: 0 0 3%;
	width: 100%;
	display: block;
}
#back, #back a, #back a:visited {
	clear: none;
	float: left;
	display: block;
	width: 100%; text-align: center; font-family: 'Montserrat Alternates', "sans-serif";
	background: #c2361a;
	color: #faefd6;
	font-weight: 700;
	letter-spacing: 4pt;
	padding: 1.8% 0; font-size: 10pt;}
#back a:hover { color: #f29100;}
#contact { clear: none; float: left; display: block; width: 100%; margin-top: 8%;}

.zeroMargin_mobile {
margin-left: 0;
}
.hide_mobile {
display: none;
}


/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 581px) {
.big { display: block;}
.small { display: none;}
#back, #back a, #back a:visited {
	padding: 1.2% 0; font-size: 10pt;}
#logo {
	clear: both;bi
	float: left;
	margin: 2% 0 0 6%;
	width: 16%;
	display: block;
	position: absolute;
}
#header {
	background-color: none;
}
#mod1 {
	clear: none;
	float: left;
	width: 50%;
	margin: 0;
	display: block;
	padding: 32% 0%;
	background-size: 150% auto;
}
#mod2 {
	clear: none;
	float: left;
	width: 50%;
	margin: 0;
	display: block;
	padding: 32% 0%;
	background-size: 150% auto;
}
#col1 {
	clear: none;
	float: left;
	margin: 0%;
	width: 50%;
	display: block;
}
#col2 {
	clear: none;
	float: left;
	margin: 0%;
	width: 50%;
	display: block;
}
#footer {
	clear: none;
	float: left;
	margin: 0%;
	width: 100%;
	display: block;
	background-image: url("../img/rey-azteca-newtown-mexican-restaurant-tacos-fajitas-burritos-lunch-img-08.jpg");
	background-size: 80% auto;
	background-position: 220% bottom;
	background-repeat: no-repeat;
}
#footer2 {
	clear: none;
	float: left;
	margin: 0%;
	margin: 10% 20% 20% 10%;
	width: 40%;
	display: block;
	text-align: left;
}
#footer2 img { max-width: 300px; width: 36%;}
#slide-menu { background-size: 100% auto;}
#slide-txt {
	clear: both;
	float: left;
	display: block;
	width: 30%;
	margin-left: 50%;
	padding: 20% 10%;
}
#section-menu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#sec-menu2 { padding: 13% 15%; width: 70%;}
#sec-menu2 #mn1, #sec-menu2 #mn2, #sec-menu2 #mn3 {
	clear: none;
	float: left;
	padding:  0;
	margin: 0;
	width: 100%;
	display: block;
}
#menu-opt { clear: none; float: left; padding:  20% 0%; margin: 0%; width: 50%; display: block;}
#menu-opt2, #menu-opt3 { clear: none; float: left; padding:  20% 0%; margin: 0%; width: 50%;}
#menu-opt4 { clear: both; float: left; padding:  20% 5%; width: 40%; margin: 0;}
#menu-opt5 { clear: both; float: left; padding:  16.4% 0%; margin: 0%; width: 50%; display: block;}
#mn1 {
	clear: none;
	float: left;
	margin: 0%;
	width: 50%;
	display: block;
}
#mn2 {
	clear: none;
	float: left;
	margin: 0%;
	width: 32%;
	display: block;
	padding: 7% 9%;
}
#mn3 {
	clear: none;
	float: left;
	margin: 0%;
	width: 64%;
	display: block;
	padding: 16% 18% 12%;
}
#mn4 {
	clear: none;
	float: left;
	margin: 0%;
	width: 64%;
	display: block;
	padding: 12% 18% 0;
}
#mn5, #mn6 {
	clear: none;
	float: left;
	margin: 0%;
	width: 70%;
	display: block;
	padding: 13% 15%;
}
#col4 {
	clear: none;
	float: left;
	margin: 0%;
	width: 50%;
	display: block;
}
#col5 {
	clear: none;
	float: left;
	margin: 0%;
	width: 50%;
	display: block;
}

#contact { clear: none; float: left; display: block; width: 100%; margin-top: 5%;}
	
.hide_tablet {
display: none;
}
.zeroMargin_tablet {
margin-left: 0;
}
}

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 100%;
	max-width: 1920px;
	margin: auto;
}
#logo {
	clear: both;
	float: left;
	margin: 2% 0 0 6%;
	width: 12%;
	display: block;
	position: absolute;
}
#section {
	clear: both;
	float: left;
	margin: 0%;
	width: 100%;
	display: block;
	background-size: 50% auto;
	background-position: left center;
	background-image: url("../img/rey-azteca-newtown-mexican-restaurant-tacos-fajitas-burritos-lunch-img-01.jpg");
}
#section2 {
	clear: both;
	float: left;
	margin: 0%;
	width: 100%;
	display: block;
	background-size: cover;
}
#boton {
	clear: none;
	float: left;
	margin: 0;
	padding: 5% 14% 0;
	width: 22%;
	display: block;
}
#section2 #boton {
	clear: none;
	float: left;
	margin: 2% 0;
	padding: 3% 33%;
	width: 34%;
	display: block;
}
#modulos {
	clear: none;
	float: left;
	float: left;
	margin: 0%;
	width: 50%;
	display: block;
}
#mod1 {
	clear: none;
	float: left;
	width: 30%;
	margin: 0;
	display: block;
	padding: 38% 10%;
	background-size: 150% auto;
}
#mod2 {
	clear: none;
	float: left;
	width: 30%;
	margin: 0;
	display: block;
	padding: 38% 10%;
	background-size: 140% auto;
}
#col1 {
	clear: none;
	float: left;
	margin: 0%;
	width: 33.333%;
	display: block;
}
#col2 {
	clear: none;
	float: left;
	margin: 0%;
	width: 33.333%;
	display: block;
}
#col3 {
	clear: none;
	float: left;
	margin: 0%;
	width: 33.333%;
	display: block;
}
#footer {
	clear: none;
	float: left;
	margin: 0%;
	width: 100%;
	display: block;
	background-size: 50% auto;
	background-position: 90% bottom;
	background-repeat: no-repeat;
}
#footer2 {
	clear: none;
	float: left;
	margin: 7% 0 7% 10%;
	width: 30%;
	display: block;
}
#footer2 img { max-width: 300px; width: 24%; margin-top: 5%;}
#copy {
	clear: none;
	float: left;
	margin: 0%;
	width: 80%;
	display: block;
	padding: 1.4% 10%;
}
#slide-txt {
	clear: both;
	float: left;
	display: block;
	width: 30%;
	margin-left: 50%;
	padding: 14% 10%;
}
#menu-opt2, #menu-opt3 { clear: none; float: left; width: 37.5%; padding: 10% 0;}
#menu-opt4 { clear: both; float: left; width: 30%; padding: 8.45% 10%; margin: 0;}
#menu-opt { clear: none; float: left; padding:  9% 0%; margin: 0%; width: 25%; display: block;}
#menu-opt5 { clear: none; float: left; padding:  20.4% 0%; margin: 0%; width: 25%; display: block;}
#sec-menu2 {
	clear: none;
	float: left;
	margin: 0%;
	width: 80%;
	display: block;
	background: #faefd6;
	padding: 8% 10%;
}
#sec-menu2 #mn1, #sec-menu2 #mn2 {
	clear: none;
	float: left;
	padding:  0;
	margin: 0% 5% 0 0;
	width: 30%;
	display: block;
}
#sec-menu2 #mn3 {
	clear: none;
	float: left;
	padding:  0;
	margin: 0%;
	width: 30%;
	display: block;
}
	
#mn1 {
	clear: none;
	float: left;
	margin: 0%;
	width: 50%;
	display: block;
}
#mn2 {
	clear: none;
	float: left;
	margin: 0%;
	width: 32%;
	display: block;
	padding: 7% 9%;
}
#mn3 {
	clear: none;
	float: left;
	margin: 0%;
	width: 64%;
	display: block;
	padding: 16% 18% 12%;
}
#mn4 {
	clear: none;
	float: left;
	margin: 0%;
	width: 64%;
	display: block;
	padding: 12% 18% 0;
}
#mn5, #mn6 {
	clear: none;
	float: left;
	margin: 0%;
	width: 30%;
	display: block;
	padding: 8% 10%;
}
#back, #back a, #back a:visited {
	padding: 0.7% 0; font-size: 10pt;}
#contact { clear: none; float: left; display: block; width: 100%; margin-top: 0;}
.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}
}