@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:		10;
	dw-num-cols-desktop:	10;
	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. */
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
#reticula {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	z-index:50;
}
.small { display:block;}
.big { display:none;}
#logo {
	clear: both;
	float: left;
	margin-left: 35%;
	width: 30%;
	display: block;
	text-align: center;
	z-index:3000000;
	position:relative;
}
#header, #header2 {
	clear: both;
	float: left;
	margin: 0%;
	width: 100%;
	display: block;
	text-align: center; z-index:1;
	background: url(../images/fondo3.jpg);
	background-size: cover;
}
.btn , a .btn , a:link .btn { background:#ee2e3b; color:#fff; padding: 1% 2%; text-decoration:none;}
#footer { background:url(../images/fondo2.jpg);clear: both; float: left; margin-left: 0; width: 70%; display: block; padding: 15%; background-size: cover; background-position: top;}
#menu { clear: both; float: left; margin-left: 0; width: 100%; display: block; text-align:center; position:relative;z-index: 1000000;}
#slide, #section, #section-contact { clear: both; float: left; margin-left: 0; width: 100%; display: block;}
#modulos { clear: both; float: left; margin-left: 0; width: 100%; display: block;}
#modulo1 { clear: both; float: left; margin-left: 0; width: 100%; display: block; background: url(../images/plaza_mexico_zephyrhills_florida_mexican_food_tacos_specials_seafood_appetizers_enchiladas_quesadillas_modulo_01.jpg); background-size: cover;}
#modulo2 { clear: both; float: left; margin-left: 0; width: 100%; display: block;background: url(../images/plaza_mexico_zephyrhills_florida_mexican_food_tacos_specials_seafood_appetizers_enchiladas_quesadillas_modulo_02.jpg);background-size: cover;}
#modulo3 { clear: both; float: left; margin-left: 0; width: 100%; display: block;background: url(../images/plaza_mexico_zephyrhills_florida_mexican_food_tacos_specials_seafood_appetizers_enchiladas_quesadillas_modulo_03.jpg); z-index: 10; background-size: 100% auto; background-position: top center;}
#modulo4 { clear: both; float: left; margin-left: 0; width: 100%; display: block;}
#modulo5 { clear: both; float: left; margin-left: 0; width: 100%; display: block;}
#modulo6 { clear: both; float: left; margin-left: 0; width: 100%; display: block;}
#foot1 { clear: both; float: left; margin-left: 0; width: 100%; display: block;text-align: center; margin-bottom: 6%;}
#foot2 { clear: none; float: left; margin-left: 0%; width: 100%; display: block;text-align: center;}
#section-menu1 { clear: both; float: left; margin-left: 0; width: 70%; display: block; background: url(../images/fondo4.jpg); padding: 10% 15%;}
#title { clear: both; float: left; margin-left: 0; width: 100%; display: block; margin-bottom:4%;text-align:left;}
#col-1 { clear: both; float: left; margin-left: 0; width: 100%; display: block; text-align: left;}
#col-2 { clear: both; float: left; margin-left: 0; width: 100%; display: block; text-align: left;}
#col-3 { clear: both; float: left; margin-left: 0; width: 100%; display: block; text-align: left;}
#section-menu2 { clear: both; float: left; margin-left: 0; width: 70%; display: block; padding: 10% 15%;}
#img-1 { clear: both; float: left; margin-left: 0; width: 100%; display: block; margin: 10% 0 6%;}
#section-menu3 { clear: both; float: left; margin-left: 0; width: 70%; display: block; background: url(../images/fondo1.jpg); padding: 10% 15%; }

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 581px) {
.gridContainer {
	width: 100%;
}
#reticula {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	z-index:50;
}
.small { display:none;}
.big { display:block;}
#logo {
	clear: both;
	float: left;
	margin-left: 4%;
	width: 20%;
	display: block;
	position: absolute;

}
#header, #header2 {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	margin: 0%;
	background: none;
}
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 80%;
	display: block;
	padding: 10%;
	background-size: 100% auto;
}
#menu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 76%;
	display: block;
	padding: 1% 0 1% 24%;
}
#slide, #section, #secion-contact {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#modulos {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#modulo1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 50%;
	display: block;
}
#modulo2 {
	clear: none;
	float: left;
	margin-left: 0;
	width: 50%;
	display: block;
}
#modulo3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-size: 100% auto; background-position: top center;
}
#modulo4 {
	clear: both;
	float: left;
	margin-left: 13%;
	width: 74%;
	display: block;
}
#modulo5 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#modulo6 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#foot1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-bottom: 4%;
}
#foot2 {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
}
#section-menu1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 70%;
	display: block;
	padding:8% 15%;
}
#title {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-bottom:3%;
}
#col-1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#col-2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#col-3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#section-menu2; #section-menu3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 70%;
	padding:8% 15%;
	display: block;
}


#img-1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block; margin: 8% 0 4%;
}
 
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 800px) {
.gridContainer {
	width: 100%;
	max-width: 1920px;
	margin: auto;
}
#reticula {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	z-index:50;
}
#logo {
	clear: both;
	float: left;
	margin-left: 4%;
	width: 14%;
	display: block;

}
#header {
	clear: both;
	float: left;
	width: 75.8%;
	display: block;
	margin: 0%; }
	
#header2 {
	width:100%;
	display:block;
	clear:both;
	margin:0;	}	
	
#menu2 {
	width:80%;
		
	}
	
.btn { margin-top:5%; padding: 0.8% 3%;}
#footer { clear: both; float: left; margin-left: 0; width: 80%; display: block; margin-top:0%; background-size: 100% auto; padding: 10% 10%;}
#menu { clear: both; float: left; margin-left: 0; width: 70%; display: block; padding: 1% 5% 1% 25%;}
#slide { clear: both; float: left; margin-left: 0; width: 100%; display: block;}
#section { clear:both; float:left; margin-left:0; width: 100%; display:block;}
#modulos { clear: none; float: left; margin-left: 0%; width: 24.2%; display: block; text-align:center;}
#modulo1 { clear: both; float: left; margin-left: 0; width: 100%; display: block;}
#modulo2 { clear: both; float: left; margin-left: 0; width: 100%; display: block;}
#modulo3 { clear: both; float: left; margin-left: 0; width: 100%; display: block; background-size: auto 100%; margin-top: -1.2%; position:relative;background-position: left center;}
#modulo4 { clear: both; float: left; margin-left: 0; width: 38%; display: block;}
#modulo5 { clear: none; float: left; margin-left:0%; width: 62%; display: block;}
#modulo6 { clear: both; float: left; margin-left: 0; width: 100%; display: block;}
#foot1 { clear: both; float: left; margin-left: 0; width: 40%; display: block; text-align:left; margin-bottom:0;}
#foot2 { clear: none; float: left; margin-left: 0%; width: 60%; display: block;text-align: right;}
#section-menu1 { clear: both; float: left; margin-left: 0; width: 30%; display: block; padding: 5% 10% 7%; background-size: auto; background-position:center;}
#title { clear: both; float: left; margin-left: 0; width: 100%; display: block; margin-bottom:3%; text-align: left;}
#col-1 { clear: both; float: left; margin-left: 0; width: 100%; display: block;}
#col-2 { clear: none; float: left; margin-left: 5%; width: 100%; display: block;}
#col-3 { clear: none; float: left; margin-left: 5%; width: 30%; display: block;}
#section-menu2 { clear: none; float: left; margin-left: 0%; width: 30%; display: block; padding: 5% 10%;}
#img-1 { clear: both; float: left; width: 100%; display: block; margin: 8% 0 3%;}
#section-menu3 { clear: both; float: left; margin-left: 0; width: 80%; display: block; padding: 5% 10%; background-size: 100% auto;}
#section-menu3 #col-1, #section-menu3 #col-2, #section-menu3 #col-3 { width: 30%; clear: none;}
#section-contact  { clear:none; float:left; margin-left:0; width:50%; display:block;}
}