@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:	8;
	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: url(../images/azul_tequila_kentucky_authentic_mexican_cuisine_tequila_bar_fondo_01.jpg) fixed;
	background-repeat: repeat;}
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
#menu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	color: #fff;
	display: block;
}
#logo {
	clear: both;
	float: left;
	margin-left: 32.5%;
	width: 35%;
	display: block;
	z-index:1000;
	margin-top: 6%;
	text-align: center;
}
#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#header-foto1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 60%;
	display: none;
	position: absolute;
	z-index:1;
	margin-top: 38.6%;
}
#header-foto2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	position: relative;
	z-index:1;
	margin-top: 1%;
}
#modulo1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#mod-reserve {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#mod-tryspecial {
	clear: none;
	float: left;
	margin-left: 5.2631%;
	width: 100%;
	display: none;
}
#mod-tryspecial2 {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
}
#mod-fondo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 76%;
	display: block;
	background: url(../images/azul_tequila_kentucky_authentic_mexican_cuisine_tequila_bar_fondo_02.jpg);
	background-position: 50%;
	background-size:cover;
	padding: 0% 12%
}
#slide {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#mod-reser-slide {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#footer {
	clear: both;
	float: left;
	width: 80%;
	display: block;
	text-align: center;
	margin: 0% 10% 8% 10%;
}
#footer-icon {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#header-foto4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
	z-index:1;
}
#header-foto3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	z-index:1;
}
.big { display:none; }
.small { display: block; }

.big2 { display:none; }
.small2 { display: block;}

.big3 { display: block; }
.small3 { display: none; }

#slide-title { clear: both;  float: left;  margin-left: 20%;  width: 60%;  display: block; z-index: 1000;position: absolute; padding-top: 3%;}
#form {	clear: none;
	float: left;
	margin-left: 0%;
	width: 76%;
	padding: 12%;
	display: block;
	background: #0f8895;
	text-align: center;
	position: relative;
	z-index: 1000;
	}
#modulo-contact {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top: -7.5%;
	z-index:1001;
	position: relative;
	}
#frase-seccion1 {
	clear: both;
	float: left;
	margin-left: 12%;
	width: 76%;
	display: block;
	position: relative;
	z-index: 1002;
	margin-top: 8%;
	}
#google-map {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
	}
	#google-map2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
	}
#google-map3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	-webkit-clip-path: ellipse(90% 60% at 50% 28%);
	clip-path: ellipse(90% 60% at 50% 28%);
	}
#form-1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	}
#form-2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	}
#happy_hour {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	position: relative;
	z-index: 1000;
	}
#specials1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	position: relative;
	z-index: 2;
	}
#specials2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	position: absolute;
	z-index: 1;
	margin-top: 60%
	}
#menu1 {
	clear: both;
	float: left;
	margin-left: 15%;
	width: 70%;
	display: block;
	}
#menu2 {
	clear: both;
	float: left;
	margin-left: 15%;
	width: 70%;
	display: block;
	margin-top: 5%;
	}
#menu3 {
	clear: both;
	float: left;
	margin-left: 15%;
	width: 70%;
	display: block;
	margin-top: 5%;
	}
	
	#menu4 {
	clear: both;
	float: left;
	margin-left: 15%;
	width: 70%;
	display: block;
	margin-top: 5%;
	}
#menu-columnas {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background: url(../images/azul_tequila_kentucky_authentic_mexican_cuisine_tequila_bar_fondo_02.jpg);
	padding: 10% 0;
	}
#frase-seccion2 {
	clear: both;
	float: left;
	margin: 15% 12% 12% 12%;
	width: 76%;
	display: block;
	position: relative;
	z-index: 1002;
	}
#title-lunch {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	}
#specials3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 62%;
	display: block;
	position: relative;
	z-index: 2;
	}
#specials4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	position: absolute;
	z-index: 1;
	}

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

@media only screen and (min-width: 592px) {
.gridContainer {
	width: 100%;
	max-width: 1800px;
	margin: auto;
}
.big { display: block; }
.small { display: none; }
.big3 { display: none; }
.small3 { display: block; }

#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	z-index:1;
}
#menu {
	clear: both;
	float: left;
	margin-left: 10%;
	width: 80%;
	display: block;
	z-index:1000;
	text-align: center;
	position: absolute;
	margin-bottom: 25px;
	margin-top: 1%;
}
#logo {
	clear: both;
	float: left;
	margin-left: 23%;
	width: 14%;
	display: block;
	z-index:1000;
	position: absolute;
	margin-top: 7%;
}
#header-foto1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 43.24%;
	display: block;
	position: absolute;
	z-index:1;
	margin-top: 0%;
}
#header-foto2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	position: relative;
	z-index:1;
	margin-top: 0%;
}
#modulo1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top: -2%;
	z-index:1001;
}
#mod-reserve {
	clear: both;
	float: left;
	margin-left: 15%;
	width: 25.72%;
	display: block;
	position: relative;
	z-index: 1002;
}
#mod-tryspecial {
	clear: none;
	float: left;
	margin-left: 54.77%;
	width: 30.83%;
	display: block;
	position: absolute;
	z-index: 1000;
}
#mod-tryspecial2 {
	display: none;
}
#mod-fondo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	z-index:2;
	margin-top: 2%;
	padding: 0;
}
#slide {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#mod-reser-slide {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	position: relative;
}
#footer {
	clear: both;
	float: left;
	margin-left: 25.641%;
	width: 48.7179%;
	display: block;
	margin-top: 5%;
}
#footer-icon {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top: 3%;
}
#header-foto4 {
		clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	position: relative;
	z-index:1;
}
#header-foto3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 31.88888888888889%;
	display: block;
	position: absolute;
	z-index:3;
}
#slide-title {
	clear: both;
	float: left;
	margin-left: 35%;
	width: 30%;
	display: block;
	padding-top: 5%;
}
#form {
	clear: both;
	float: left;
	margin-left: 0%;
	width: 80%;
	padding: 8% 10%;
	display: block;
}
#modulo-contact {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top: -7.5%;
	z-index:1001;
}
#frase-seccion1 {
	clear: both;
	float: left;
	margin-left: 25%;
	width: 50%;
	display: block;
	margin-top: 6%;
}
#google-map {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#form-1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 45%;
	display: block;
}
#form-2 {
	clear: none;
	float: left;
	margin-left: 10%;
	width: 45%;
	display: block;
}
#google-map2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	-webkit-clip-path: ellipse(80% 70% at 50% 20%);
    clip-path: ellipse(80% 70% at 50% 20%);
}
#google-map3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#happy_hour {
	clear: both;
	float: left;
	margin-left: 0%;
	padding: 0 10%;
	width: 80%;
	display: block;
	background: #058693;
}
#specials1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top: 0%;
}
#specials2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#menu1 {
	clear: both;
	float: left;
	margin-left: 11%;
	width: 34%;
	display: block;
}
#menu2 {
	clear: none;
	float: left;
	margin-left: 10%;
	width: 34%;
	display: block;
	margin-top: 0%;
}
#menu3 {
	clear: none;
	float: left;
	margin-left: 10%;
	width: 34%;
	display: block;
	margin-top: 5%;
}

#menu4 {
	clear: none;
	float: left;
	margin-left: 10%;
	width: 34%;
	display: block;
	margin-top: 5%;
}
#menu-columnas {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding: 6% 0 10% 0;
}
#frase-seccion2 {
	clear: both;
	float: left;
	margin: 12% 20% 8% 20%;
	width: 60%;
	display: block;
}
#title-lunch {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#specials3 {
	clear: both;
	float: left;
	margin-left: 0;
	display: block;
	width: 55%;
}
#specials4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
}

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

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 100%;
	max-width: 1800px;
	margin: auto;
}
.big2 { display:block; }
.small2 { display: none; }
.big3 { display: block; }
.small3 { display: none; }

#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	z-index:1;
	position:relative;
}
#menu {
	clear: both;
	float: left;
	margin-left: 40%;
	width: 60%;
	display: block;
	z-index:1000;
	text-align: right;
	position: absolute;
	color: #fff;
	padding-top: 0;
	margin-bottom: 25px;
}
#logo {
	clear: both;
	float: left;
	margin-left: 22%;
	width: 13.666%;
	display: block;
	z-index:1000;
	position: absolute;
	margin-top: 4%;
}
#header-foto1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 43.24%;
	display: block;
	position: absolute;
	z-index:1;
	margin-top: 0;
}
#header-foto2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	position: relative;
	z-index:2;
	margin-top: 0;
}
#modulo1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top: -3%;
	z-index:1001;
}
#mod-reserve {
	clear: both;
	float: left;
	margin-left: 15%;
	width: 25.72%;
	display: block;
	z-index: 2000;
}
#mod-tryspecial {
	clear: none;
	float: left;
	margin-left: 54.77%;
	width: 30.83%;
	display: block;
	position: absolute;
	z-index: 1010;
}
#mod-fondo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	z-index:1001;
	margin-top: 2%;
	position:relative;
}
#slide {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	z-index: 1;
}
#mod-reser-slide {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	z-index: 5;
}
#footer {
	clear: both;
	float: left;
	margin-left: 25.641%;
	width: 48.7179%;
	display: block;
	margin-top: 0%;
	z-index: 1010;
	position:relative;
}
#footer-icon {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top: 0%;
}
#header-foto4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	position: relative;
	z-index:1;
	margin-top: 0;
}
#header-foto3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 31.88888888888889%;
	display: block;
	position: absolute;
	z-index:2;
	margin-top: 0;
}
#slide-title {
	clear: both;
	float: left;
	margin-left: 38.4615%;
	width: 23.0769%;
	display: block;
	padding-top: 6%;
}
#form {
	clear: none;
	float: left;
	margin-left: 14%;
	width: 24.83%;
	display: block;
	z-index: 1010;
	margin-top: 12%;
	padding: 3%;
}
#modulo-contact {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top: -8%;
}
#frase-seccion1 {
	clear: both;
	float: left;
	margin-left: 15%;
	width: 25.72%;
	display: block;
	z-index: 2000;
	margin-top: 12%;
}
#google-map {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
position: absolute;
margin-top: 38%;
-webkit-clip-path: ellipse(80% 70% at 50% 20%);
    clip-path: ellipse(80% 70% at 50% 20%);
}
#form-1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#form-2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#google-map2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#google-map3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#happy_hour {
	clear: none;
	float: left;
	margin-left: 54.72%;
	width: 30%;
	display: block;
	z-index: 1010;
	margin-top: 12%;
	padding: 0%;
	position: absolute;
	background: none;
	padding: 0;
}
#specials1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 74.5%;
	display: block;
	margin-top: 6.5%;
}
#specials2 {
	clear: both;
	float: left;
	margin-left: 31.86%;
	width: 68.11%;
	display: block;
	margin-top: 6.5%;
}
#menu1 {
	clear: both;
	float: left;
	margin-left: 8%;
	width: 22%;
	display: block;
}
#menu2 {
	clear: none;
	float: left;
	margin-left: 2%;
	width: 22%;
	display: block;
}
#menu3 {
	clear: none;
	float: left;
	margin-left: 4%;
	width: 24%;
	display: block;
	margin-top: 8%;
}

#menu4 {
	clear: none;
	float: left;
	margin-left: 4%;
	width: 24%;
	display: block;
	margin-top: 25%;
}
#menu-columnas {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	z-index: 1;
	padding: 4% 0 6% 0;
}
#frase-seccion2 {
	clear: both;
	float: left;
	margin-left: 12%;
	width: 32.72%;
	display: block;
	z-index: 2000;
	margin-top: 14%;
}
#title-lunch {
	clear: both;
	float: left;
	margin-left: 12.8205%;
	width: 35.8974%;
	display: block;
}
#specials3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 57.55%;
	display: block;
}
#specials4 {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
}
}