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

body{background:#30180E url(../img/background.gif) repeat-x;margin:0px;padding:0px;font: 0.9em/140% Verdana, Geneva, sans-serif; background-attachment: fixed;}
@font-face {font-family: "Calibri";src: url(../fonts/Calibri.ttf) format("truetype");}
@font-face {font-family: "KGTenThousandReasons";src: url(../fonts/KGTenThousandReasons.ttf) format("truetype");}
@font-face {font-family: "MarkerFelt";src: url(../fonts/MarkerFelt.ttc) format("truetype");}
@font-face {font-family: "MEgalopolisExtra";src: url("../fonts/megalopolisextra.woff") format("woff");}
@font-face {font-family: "SpecialElite";src: url(../fonts/SpecialElite.ttf) format("truetype");}
#superior{ position:fixed;  text-align:center;z-index:10000 !important; width:100%; max-height:240px; background:url(../img/bgHeader.jpg) repeat-x;}
#superiorHome{   text-align:center;z-index:10000 !important; width:100%; max-height:240px; background:url(../img/bgHeader.jpg) repeat-x;}
#superiorOculto{ height:195px;}
#superiorScroll{ position:fixed;  background:transparent url(../img/bgHeader.jpg) repeat-x;  text-align:center;z-index:10000 !important; width:100%; height:240px;}			
.header {position: relative;text-align: center; vertical-align:top; max-width:1024px; margin:0 auto; z-index:10000 !important; top:0px;clear:both;height:140px;}
.logoWeb{ /*width:30%;*/ height:auto; /*border:1px solid black; */max-width:363px; float:left; /*margin-top:30px;*/}
.logoWebMini{ width:30%; height:75px; /*border:1px solid black; */max-width:196px; float:left; }
.menu {  text-align:center; background:#F3DCAF url(../img/bgMenu.jpg) repeat; height:45px; height:auto;  /*display:block;*/  }

.menu a { text-decoration:none;font-family:"KGTenThousandReasons" !important; font-size:24px; color:#87271F;  font-weight:bold;
  text-shadow: 2px 2px 1px #000;
  text-shadow:#000000 2px 2px 2px;
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=1);} 
.menu ul { max-width:1204px; width:100%; margin:0 auto;  height:55px;}
.menu ul li {  min-width:17%; width:auto;}
.menu ul li {display: inline-block; margin: 20px 7px; /*Separar el texto*/ /* Separar los botones */ clear:both;}
.social{ display:inline-block; float:right; margin-top:25px;background:transparent url(../img/social.png) no-repeat; width:261px; height:90px;}
.opcionesSocial { padding-left:95px;padding-top:40px;}
a { text-decoration:none;}
#headerScroll {
  position: relative;
  text-align: center; vertical-align:top; max-width:1024px; margin:0 auto; z-index:10000 !important; top:0px;
  clear:both;
}
ol{list-style:none; width:100%;}
ol li{list-style:none; width:100%;}
/*#about{width:100%; height:auto;}*/
#drinks{width:100%; height:auto;}
#locationsImg{width:100%; height:auto;}
.contenido { max-width:1024px; width:auto; margin:0 auto;  padding-bottom:20px; text-align:center; }
.contenidoFooter { max-width:1024px; width:auto; margin:0 auto; text-align:center; }
#footer{ width:100%; background:url(../img/bgFooter.jpg) repeat; height:auto;  }
#footerLeft {
	max-width: 490px;
	/*float: left;*/
	color:#D1C2A3;
	font-weight:bold;
	font-family: "Calibri";
	text-align:left;
	display:inline-block;
}
#footerRight {
	vertical-align:top;
	width: 520px;
	display:inline-block;
}
#footerMenu{ width:100%; background: #F8E5B7;min-height:38px; height:auto; text-align:center;}
#sombra{ background:url(../img/sombra.png) repeat;height:18px; width:100%;}
#footerMenuLeft {font-family:"KGTenThousandReasons" !important; font-size:16px; display:inline-block; width:700px;   text-align:center; margin-top:7px;color:#953F32;}
#footerMenuLeft a {color:#953F32; font-weight:bold;}
#footerMenuRight{color:#CEA43E; font-size:14px; display:inline-block; width:300px;  text-align:center;margin-top:10px; font-family:"Times New Roman", Times, serif;}
#copyright { color:#FFFFFF; text-align:center; width:100%; font-size:10px;}
#copyright a{ color:#FFFFFF; font-weight:bold;}
.submitNL {font: bold 13px Arial, Sans-serif; height: 30px; margin-top: 4px; padding: 2px 3px; color: #000;background:url(../img/submit.jpg) no-repeat;border: none; color:#FFFFFF; cursor:pointer; vertical-align:top; margin-bottom:5px; width:103px;}
#frmNewsLetter {font-family:"KGTenThousandReasons" !important; font-size:12px; font-weight:bold; }
#frmNewsLetter label{ font-family:"KGTenThousandReasons" !important; font-size:14px; font-weight:bold;}
#frmNewsLetter input[type=text]{ width:174px; font-family:"KGTenThousandReasons" !important; font-size:14px; display:block; display:inline-block; color:#523807; border:2px solid #000000; padding:2px; background:#FFFFFF; margin-top:4px; margin-bottom:4px;}
#frmNewsLetter select{font-family:"KGTenThousandReasons" !important; font-size:14px; width:180px; display:block; display:inline-block; color:#000000; border:2px solid #000000; padding:2px;}
#frmNewsLetter label.error {color: #D00000; padding:0px; width:100%; display:inline-block; font-family:Verdana, Geneva, sans-serif !important; font-size:12px; font-weight:bold; }
#twitterFeed{font-size:16px; width:100%; font-family:"MEgalopolisExtra" !important; color:#19417C; text-align:center;}

.linea{width:15%; display:inline-block; border-top:2px solid #18427A; vertical-align:middle;}
#tituloT{ font-family:"MEgalopolisExtra" !important; color:#18427A; font-size:20px; display:inline-block;}
#twitter-widget-0{width:100%; height:auto; }
.var-narrow .tweet .header {
    height: 0px; display:none;
	min-height: 1px;
    padding: 0px;
    position: relative;
}
iframe{ height:80px; border:1 px solid red;}
.arial{ color:#FFF; font-size:16px; font-family:Arial, Helvetica, sans-serif; line-height:22px;padding:10px; }
h1 {
   
/*  -webkit-text-fill-color: #FC3A27;
  -webkit-text-stroke-color: #FFFFFF;
  -webkit-text-stroke-width: 0.75px; */
  padding-top:50px;
  padding-bottom:15px;
  font-size:38px;
  font-weight:bold;

  color: #FC3A27;/* text-shadow: white 0.1em 0.1em 0.2em;*/
  /*-webkit-text-stroke-color: white;*/
  font-family:"SpecialElite" !important;
  
      text-shadow:
   -1px -1px 0 #fff,
    1px -1px 0 #fff,
   -1px 1px 0 #fff,
    1px 1px 0 #fff;
}
.cursiva{ font-style:italic; color:#FFFFFF; font-size:16px;}
.locationsTittle{font-family:"SpecialElite" !important; font-size:25px; line-height:30px;}
/*.locationsB{ width:450px; display:inline-block;  font-size:16px; color:#FFFFFF; padding-top:25px; vertical-align:top; text-align:left;}*/
.locations { width:335px; text-align:center; display:inline-block; padding-top:10px; vertical-align:top;}
/*.locationsPadding { width:325px; text-align:center; display:inline-block; padding-left:125px; color:#FFFFFF;  font-size:16px; padding-top:25px;text-align:left;border:1px solid green;}*/
.locationsS{ width:270px;vertical-align:top; display:inline-block; padding-top:30px; padding-left:65px;   font-size:16px; color:#FFFFFF;/* padding-top:25px;*/ display:inline-block; text-align:left;}
.locationsB a, .locationsS a,.locationsPadding a{ color:#F8C550;}

.specials{ width:410px; display:inline-block; padding-top:15px; }
.specials a{ color:#F8C550; font-size:16px; }
.specials a:hover{color: #F8C550;}

.menuFiesta{ width:300px; display:inline-block;vertical-align:top; padding-top:25px;}
.menuFiesta a{ color:#FFFFFF;font-family:"SpecialElite" !important; font-size:22px;}
.menuFiesta a:hover{color: #F8C550;}
.linkAmarillo{color: #F8C550; text-decoration:underline; text-align:right;}
.amarillo{color: #F8C550;naranja}
.naranja{ background: url(../img/naranja.png) no-repeat;width:290px; height:67px; color:#FFFFFF;font-family:"SpecialElite" !important; font-size:34px; display:inline-block; text-align:left; padding-top:20px; padding-left:105px; float:right;}
.naranja a{ color:#FFFFFF;font-family:"SpecialElite" !important; font-size:30px;}
.naranja a:hover{color: #F8C550;}
.naranja a.selected{color: #F8C550;}
.naranjaMenu{ max-width:1024px; margin:0 auto; text-align:center; height:87px; vertical-align:top; width:100%;}
.tituloLeft{  display:inline-block;width:120px; float:left; height:87px; vertical-align:top; text-align:left; } 

.itemGallery{ width:250px; display:inline-block; padding-top:15px;}
.itemGallery a{ color:#FFFFFF;font-family:"SpecialElite" !important; font-size:22px; padding-top:10px;}
.itemGallery a:hover{color: #F8C550;}

.banquetsLeft{ width:440px; display:inline-block; vertical-align:top;text-align:left;}
.banquetsRight{ width:560px; display:inline-block; vertical-align:top; text-align:left;}

.reservationsLeft{ width:550px; display:inline-block; vertical-align:top;text-align:left;}
.reservationsRight{ width:450px; display:inline-block; vertical-align:top; text-align:center;}

.feedbackLeft{ width:540px; display:inline-block; vertical-align:top;text-align:left;}
.feedbackRight{ width:460px; display:inline-block; vertical-align:top; text-align:center;}

.contactLeft{ width:540px; display:inline-block; vertical-align:top;text-align:left;}
.contactRight{ width:460px; display:inline-block; vertical-align:top; text-align:center;}

#frmBanquets{ padding-left:50px; text-align:left;}
#frmBanquets label{ font-family:"SpecialElite" !important; font-size:20px; color:#FFFFFF; width:200px; text-align:left; /*border:1px solid pink;*/ }
#frmBanquets input[type=text]{ width:300px; font-family:"SpecialElite" !important; font-size:20px; display:block; display:inline-block; color:#000000; border:2px solid #000000; padding:2px; background:#FFFFFF; margin-bottom:10px;}
#frmBanquets select{font-family:"SpecialElite" !important; font-size:20px; width:310px; display:block; display:inline-block; color:#000000; border:2px solid #000000; padding:2px; margin-bottom:10px;}
.submit {font: bold 13px Arial, Sans-serif; height: 30px; margin-top: 4px; padding: 2px 3px; color: #000;font-family:"SpecialElite" !important; font-size:20px; border: none; color:#F8C550; background:transparent; text-decoration:underline; cursor:pointer; vertical-align:top; margin-bottom:5px; width:103px; text-align:left;}
#frmBanquets label.error {color: #D00000; padding:0px; width:100%; display:block; font-family:Verdana, Geneva, sans-serif !important; font-size:12px; font-weight:bold; }

#formReservations{width:340px; margin:0 auto;}
#frmReservations{ text-align:left;}
#frmReservations label{ font-family:"SpecialElite" !important; font-size:20px; color:#FFFFFF; width:200px; text-align:left; /*border:1px solid pink;*/ }
#frmReservations input[type=text]{ width:320px; font-family:"SpecialElite" !important; font-size:20px; display:block; display:inline-block; color:#000000; border:2px solid #F8E5B7; padding:2px; background:#FFFFFF; margin-bottom:10px;}
#frmReservations select{font-family:"SpecialElite" !important; font-size:20px; width:328px; display:block; display:inline-block; color:#000000; border:2px solid #F8E5B7; padding:2px; margin-bottom:10px;}
#frmReservations label.error {color: #D00000; padding:0px; width:100%; display:block; font-family:Verdana, Geneva, sans-serif !important; font-size:12px; font-weight:bold; }

#frmContact {padding-left:50px;}
#frmContact label{ font-family:"SpecialElite" !important; font-size:20px; color:#FFFFFF; width:200px; text-align:left; /*border:1px solid pink;*/ }
#frmContact input[type=text]{ width:300px; font-family:"SpecialElite" !important; font-size:20px; display:block; display:inline-block; color:#000000; border:2px solid #F8E5B7; padding:2px; background:#FFFFFF; margin-bottom:10px;}
#frmContact select{font-family:"SpecialElite" !important; font-size:20px; width:310px; display:block; display:inline-block; color:#000000; border:2px solid #000000; padding:2px; margin-bottom:10px;}
#frmContact label.error {color: #D00000; padding:0px; width:100%; display:block; font-family:Verdana, Geneva, sans-serif !important; font-size:12px; font-weight:bold; }
#frmContact textarea{ width:98%; font-family:"SpecialElite" !important; font-size:20px; display:block; padding:2px;border:2px solid #F8E5B7;}


#frmFeedback{ padding-left:0px;font-family:"SpecialElite" !important; font-size:20px; color:#FFFFFF;}
#frmFeedback label{ font-family:"SpecialElite" !important; font-size:20px; color:#FFFFFF; width:auto; text-align:left; line-height:22px; /*border:1px solid pink;*/ }
#frmFeedback input[type=text]{ width:280px; font-family:"SpecialElite" !important; font-size:20px; display:block; display:inline-block; color:#000000; border:2px solid #F8E5B7; padding:2px; background:#FFFFFF; margin-bottom:10px;}
#frmFeedback select{font-family:"SpecialElite" !important; font-size:20px; width:310px; display:block; display:inline-block; color:#000000; border:2px solid #F8E5B7; padding:2px; margin-bottom:10px;}
#frmFeedback label.error {color: #D00000; padding:0px; width:98%; display:block; font-family:Verdana, Geneva, sans-serif !important; font-size:12px; font-weight:bold; }
#frmFeedback textarea{  width:280px; font-family:"SpecialElite" !important; font-size:20px; display:block; padding:2px;border:2px solid #F8E5B7;}
#frmFeedback a{ color:#FFFFFF; line-height:28px;}
#frmFeedback ol li{ color:#F8C550;}
#frmFeedback label.error { display: none; }


#frmCareers{ padding-left:0px;font-family:"SpecialElite" !important; font-size:20px; color:#FFFFFF;}
#frmCareers label{ font-family:"SpecialElite" !important; font-size:20px; color:#FFFFFF; width:350px; text-align:left; display:inline-block; vertical-align:top; margin-top:10px;  }
#frmCareers input[type=text]{ width:280px; font-family:"SpecialElite" !important; font-size:20px; display:block; display:inline-block; color:#000000; border:2px solid #F8E5B7; padding:2px; background:#FFFFFF; margin-bottom:10px;margin-top:10px;}
#frmCareers select{font-family:"SpecialElite" !important; font-size:20px; width:310px; display:block; display:inline-block; color:#000000; border:2px solid #F8E5B7; padding:2px; margin-bottom:10px;margin-top:10px;}
#frmCareers label.error {color: #D00000; padding:0px; width:100%; display:block; font-family:Verdana, Geneva, sans-serif !important; font-size:12px; font-weight:bold; }
#frmCareers textarea{ width:280; font-family:"SpecialElite" !important; font-size:20px; display:block; padding:2px;border:2px solid #F8E5B7;}
#frmCareers a{ color:#FFFFFF;line-height:28px;}
#frmCareers ol li{ color:#F8C550;}
#frmCareers b{color:#F8C550; line-height:22px;}
#frmCareers label.error { display: none; }
.red{ color:#D00000;}
label.error { display: none; color:#D00000; font-size:12px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; }


.lineaFooterPhone{ max-width:1280px; width:auto;  height:auto; margin:0 auto; border:1px solid #FCF0D8; clear:both;}
#footerPhone{ display:none; background-color:#F8E5B7; text-align:center; padding-bottom:10px; padding-top:10px;}
#footerPhone a {color:#517FA4; font-weight:bold;}
#newsletterPhone, #reservationsPhone, #feedbackPhone, #careersPhone, #dinnerPhone, #foodPhone, #titulo, #drinksPhone, #locationsPhone, #aboutUsPhone, #specialsPhone{ display:none;}
#nav
{
	width: 142px; 
	font-family: "KGTenThousandReasons" !important;
background:transparent url(../img/bgHeader.jpg) repeat-x; 
	top: 35%;
	left: 40%;
	margin-left: 30em; 
	display:none;
	z-index:100000;
	text-align:right;
	vertical-align:bottom;
}

ul { list-style:none;}



	#nav li
	{
		position: relative;
		
	}
		#nav li a
		{
			color: #fff;
			display: block;
			text-decoration:none;
			
		}

	#nav span:after
	{
		width: 0;
		height: 0;
		border: 0.313em solid transparent; 
		border-bottom: none;
		border-top-color: #efa585;
		content: '';
		vertical-align: middle;
		display: inline-block;
		position: relative;
		right: -0.313em; 
		float:right;
	}



	#nav > ul
	{
		height: 3.75em; 
		background-color: #8B2D24;
		font-family:"KGTenThousandReasons" !important;
	}
		#nav > ul > li
		{
			width: 25%;
			height: 100%;
			float: left;
		}
			#nav > ul > li > a
			{
				height: 100%;
				font-size: 1.5em;
				line-height: 2.5em; 
				text-align: center;
			}
				#nav > ul > li:not( :last-child ) > a
				{
					border-right: 1px solid #6D5527;
				}
				#nav > ul > li:hover > a,
				#nav > ul:not( :hover ) > li.active > a
				{
					background-color: #CF5045;
				}
	#nav > a
	{
		/*position:absolute;*/ display: none; margin-top:6%; width:30%; margin-left:65%;/* border:1px solid black;*/ mex-width:142px; vertical-align:top; height:42px; 
	}
    #nav img{ height:auto; width:99%;}
@media only screen and ( max-width: 45em) /* 720 */
{
	body{ /*background:#30180E url(../img/background.gif) repeat-x;background-attachment: fixed;*/background:#392019;}
	.social{display:none;}
	#menuWeb {display:none;}
	#superiorHome {display:none;}
	#superior {display:none;}
    #superiorOculto{display:none;}
	#locationsWeb{display:none;}
	#aboutUsWeb{display:none;}
	#specialsWeb{display:none;}
	#nav
	{
		width: 100%;
		position: static;
		margin: 0;
		display:block;
		height:auto;	
	}

	#nav img{ height:auto; width:70%;}
	#logoPhone{display:inline-block; clear:both; text-align:left; float:left;height: auto;max-width:286px; width:40%; padding-bottom:15px; }
	#logoPhone img{height: auto; width: 100%; padding:0px; }
	#footerLeft, #frmNewsLetter, #footerMenu, #copyright, #sombra{ display:none;}
	#footerRight{width:100%;}
	#footer{height:auto;}
	#footerPhone{ display:block; clear:both;}
	#newsletterPhone{display:block;}
	#formReservations{ width:100%;}
	#reservationsPhone{display:block;}
	#feedbackPhone{display:block;}
	#careersPhone{display:block;}
	/**/
	#frmNewsLetterPhone input[type=text]{width:97%;}
	#frmNewsLetterPhone select{width:100%;}
	#frmFeedback input[type=text]{width:97%;}
	#frmFeedback textarea{width:97%;}
	#frmReservations input[type=text]{width:97%;}
	#frmReservations select{width:100%;}
	#frmCareers input[type=text]{width:97%;}
	#frmCareers textarea{width:97%;}
	#frmCareers select{width:100%;}
	#frmCareers label{width:97%;}
	#tituloMenu{ display:none;}
	#galleryWeb{ display:none;}
	#dinnerPhone{display:inline;}
	#titulo{ display:block; padding-bottom:10px; padding-top:10px;}
	#download{ display:none;}
	#foodPhone, #drinksPhone, #locationsPhone,#aboutUsPhone,#specialsPhone {display:block;}
	#view{ text-align:center; padding-bottom:10px; padding-top:20px; font-size:16px;}
	.locationsS{ width:100%; padding-left:0px;}
	.locations{ width:90%; padding-left:0px;}
	#aboutImg{width:85%; height:auto;}
	#locationsImg{display:none;}
	.menuFiesta{ width:100%; text-align:center;}
	.specials{ width:100%; text-align:center;}
	#feedbackImg{ display:none;}
	#contactImg{ display:none;}

}

@media only screen and ( max-width: 45em ) /* 720 */
{
	html
	{
		font-size: 75%; 
	}
	#header, #left, #right {display:none;}
	#nav
	{
		position: relative;
		top: auto;
		left: auto;
		display:inline-block;
		clear:both;
		z-index:9;
	}
		#nav > img
		{
			width: 3.125em; 
			height: 3.125em; 
			width:auto;
			height:auto;
			text-align: left;
			text-indent: -9999px;
			/*background-color: #523807;*/

			float:right;
			clear:both;


		}
			#nav > a:before,
			#nav > a:after
			{
				position: absolute;
				border: 2px solid #fff;
				top: 35%;
				left: 25%;
				right: 25%;
				
			}
			#nav > a:after
			{
				top: 60%;
			}

		#nav:not( :target ) > a:first-of-type,
		#nav:target > a:last-of-type
		{
			display: block;
		}



	#nav > ul
	{
		height: auto;
		display: none;
		position: absolute;
		left: 0;
		right: 0;
	}
		#nav:target > ul
		{
			display: block;
		}
		#nav > ul > li
		{
			width: 100%;
			float: none;
			margin-left:0px;
		}
			#nav > ul > li > a
			{
				height: auto;
				text-align: left;
				padding: 0 0.833em; 
				font-size:20px;
				font-family: "KGTenThousandReasons" !important;
					color:#F8E5B7;
				font-weight:bold;
			}
				#nav > ul > li:not( :last-child ) > a
				{
					border-right: none;
					border-bottom: 2px solid #F8E5B7;
					font-size:20px;
					font-family: "KGTenThousandReasons" !important;
					color:#F8E5B7;
				}
}
#galleryPhone{ width:100%;}
#galleryPhone li{ width:auto;}
#galleryPhone a {}
#galleryPhone img {
	border: 5px solid #F7E3CD;
	border-width: 5px 5px 5px;
	margin-top:5px;
}
#galleryPhone  a:hover img {
	border: 5px solid #7D5B30;
	border-width: 5px 5px 5px;
	color: #fff;
}


.blanco{ font-family: "KGTenThousandReasons" !important; font-size:20px; color:#FFFFFF; line-height:28px;}
.beige{ font-family: "KGTenThousandReasons" !important; font-size:16px; color:#F8E5B7;line-height:24px;}
#frmNewsLetterPhone{
 font-family: "KGTenThousandReasons" !important;
 color:#F8E5B7;
 font-size:16px;

}
#frmNewsLetterPhone label { display:inline-block; padding:5px;}
#frmNewsLetterPhone input[type=text]{
	background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #F8E5B7;
    color: #523807;
    display: inline-block;
    font-family: "KGTenThousandReasons" !important;
    font-size: 14px;
    margin-bottom: 4px;
    margin-top: 4px;
    padding: 2px;	
}
#frmNewsLetterPhone input[type=checkbox]{ padding:5px;}
#frmNewsLetterPhone select{font-family:"KGTenThousandReasons" !important; font-size:14px;   display:inline-block; color:#000000; border:2px solid #F8E5B7; padding:2px;}
.submitNLPhone {font-family:"KGTenThousandReasons" !important; font-weight:bold; height: 30px; margin-top: 4px; padding: 2px 3px; color: #F8E5B7;background:#87271F;border: none; cursor:pointer; vertical-align:top; margin-bottom:5px; width:103px;}

h2.acc_trigger {
	padding: 0;	margin:0px;
	background: #F8E5B7 url('../img/masmenos.png') no-repeat;
	height: 46px;	line-height: 46px;
	width: auto;
	font-size: 2.3em;
	font-weight: normal;
	float: left;
	width:100%;
	display:inline;
	border-bottom:2px solid #87271f;
	text-align:left;
}



h2.acc_trigger a {
	font-family:"KGTenThousandReasons" !important;
	color: #87271f;
	font-weight:bold;
	text-decoration: none;
	display: block;
	padding: 0 0 0 50px;
}
h2.active {background-position: left bottom;}
.acc_container {
	margin: 0px; padding: 0;
	overflow: hidden;
/*	font-size: 1.2em;*/
	width: auto;
	clear: both;
	background: #392019;
	border-bottom:2px solid #87271F;
}
.acc_container .block {
	padding: 20px;
}
.acc_container .block p {
	padding: 5px 0;
	margin: 5px 0;
}