/*----------------------------------------------------------*/
/* Si Senor													*/
/* CSS name: menu.css										*/
/* Developer: MindPick Software LLC							*/
/* Date: 5/21/2017											*/
/*															*/
/* Description: Style sheet for elements specific to	  	*/
/* 		the Menu page with all media.						*/
/*----------------------------------------------------------*/

*:first-child+html #sisenor_menu {	/* hack: IE7 needs inline-block */
	display: inline-block;
}

* html #sisenor_menu {
	display: inline-block;	/* hack: ditto IE6 and earlier */
}

.submenu {
	width: 100%;
	margin: 0;
	text-align: center;
}

* html .submenu {	/* hack IE6 can't have margins here */
	margin: 0;
}

#menu_selector {
	width: 18em;
	margin: 2em auto 1em;
}

#sel_label {
/*	display: inline;
	width: 12em;
	margin: .2em 1% 0 9%;*/
}

#menu_sel {
	border-style: inset;
	border-color: #fefde8;
	border-width: 2px 1px 1px 2px;
	color: #001100;
	background-color: #fefde8;
}

.menu_column {
	display: inline;
	float: left;
	text-align: left;
	width: 100%;
	margin: 0;
}

.menu_column .indent {
	list-style-type: none;
	font-style: italic;
	margin: 0;
}

.menu_1column {
	width: 100%;
	margin: 0 auto;
	text-align: left;
}

.submenu h3 {
	color: #db43b5;
	font: italic small-caps bold 1.5em "Times New Roman",Times,serif;
	text-align: center;
}

#lunch h3, #burrocombo h3 {
	margin-bottom: 0 !important;
}

.submenu .rule {
	clear: both;
	width: 50%;
	margin: 0 auto;
	padding-top: 1em;
	border-bottom: 7px double #db43b5;
	text-align: center;
}

.item {
	display: block;
	width: 85%;
	color: #00cc00;
}

* html .item_ie_fix {
	display: inline;
}

.item_descr {
	margin: 0;
	font-style: italic;
}

.item_1column {
	display: block;
	width: 90%;
	color: #00cc00;
}

.subitem {
	display: block;
	width: 210px;
	margin-top: .25em;
}

.price {
	float: right;
	margin-top: -1.3em;
}

.side_price {
	width: 55px;
}

.side_dish {
	text-align: left;
}

.side_type {
	margin-left: 20px;
	text-align: left;
}

.submenu table {
	width: 100%;
	border-collapse: collapse;
	text-align: right;
}

.menu_box {
	margin: 0 0 1em;
	border: 1px solid #00cc00;
	padding: 0 5px;
}

.fajitas {
	padding: 0 8px;
}

.combos {
	float: left;
	width: 33%;
	margin-bottom: 1em;
	text-align: center;
}

.extras {
	float: left;
	width: 48%;
	margin-bottom: 1em;
	text-align: center;
}

@media screen and (min-width: 500px) {
	.menu_1column {
		width: 470px;
	}
}

@media screen and (min-width: 600px) {
	.menu_column {
		width: 45%;
		margin: 0 12px;
	}
	
	.submenu {
		margin: 0 11px;
	}
}

/*------------------*/
/* Photos.			*/
/*------------------*/

#menu .photo_frame {
	margin: 2em auto 0;
}

#menu .photo {
	height: 180px;
	width: 270px;
}

#menu #apppic .photo {
	background-image: url(../images/menu/sampler-m.jpg);
}

#menu #lunchpic .photo {
	background-image: url(../images/menu/torta-m.jpg);
}

#menu #specialpic .photo {
	background-image: url(../images/menu/ensalada-m.jpg);
}

#menu #fajitapic .photo {
	background-image: url(../images/menu/fajita-m.jpg);
}

#menu #seafoodpic .photo {
	background-image: url(../images/menu/fishtacos-m.jpg);
}

#menu #chickenpic .photo {
	background-image: url(../images/menu/loco-m.jpg);
}

#menu #souppic .photo {
	background-image: url(../images/menu/mariscos-m.jpg);
}

#menu #burritopic .photo {
	background-image: url(../images/menu/burrito-m.jpg);
}

#menu #sidepic .photo {
	background-image: url(../images/menu/charro-m.jpg);
}

#menu #dessertopic .photo {
	background-image: url(../images/menu/icecream-m.jpg);
}

#menu #drinkpic .photo {
	background-image: url(../images/menu/drinks-m.jpg);
}

@media screen and (min-width: 600px) {
	#menu .photo {
		height: 220px;
		width: 330px;
	}
}

@media screen and (min-width: 750px) {
	#menu .photo {
		height: 270px;
		width: 405px;
	}
		
	#menu #apppic .photo {
		background-image: url(../images/menu/sampler-l.jpg);
		}
	}
	
	#menu #lunchpic .photo {
		background-image: url(../images/menu/torta-l.jpg);
		}
	}

	#menu #specialpic .photo {
		background-image: url(../images/menu/ensalada-l.jpg);
		}
	}

	#menu #fajitapic .photo {
		background-image: url(../images/menu/fajita-l.jpg);
		}
	}

	#menu #seafoodpic .photo {
		background-image: url(../images/menu/fishtacos-l.jpg);
		}
	}

	#menu #souppic .photo {
		background-image: url(../images/menu/mariscos-l.jpg);
		}
	}

	#menu #burritopic .photo {
		background-image: url(../images/menu/burrito-l.jpg);
		}
	}

	#menu #sidepic .photo {
		background-image: url(../images/menu/charro-l.jpg);
		}
	}

	#menu #dessertopic .photo {
		background-image: url(../images/menu/icecream-l.jpg);
		}
	}

	#menu #drinkpic .photo {
		background-image: url(../images/menu/drinks-l.jpg);
		}
	}
}