/* Customize the body's background */
body
{
	background-image:url(../images/patterns/mur_gastroquet.png); You can find the patters in images/patterns/ folder */
	background-color:#ffdf8a; /* or choose any color */
}

/* Customize your logo */
body #logo
{
	background:url(../images/logo_nobg.png) no-repeat center center;
	background-size: 100%;
	width:173px;
	height:173px;
	margin-top:20px;
	margin-left: 20px;
	background-color:rgba(0,0,0,0.5);  /* RGBA Stands for RED/GREEN/BLUE/ALHPA */
}

/* Video Home */
body #videog
{
	background:url(../images/video_gastroquet.png) no-repeat center center;
	width:173px;
	height:100px;
	margin-top:60px;
	margin-left: 20px;
	background-color:rgba(0,0,0,0.5);  /* RGBA Stands for RED/GREEN/BLUE/ALHPA */
}


/* These fonts use the Google Font. You can add any css selector you want, to use the google font */
h1, h2, h3, h4, h5, h6, #menu a, #search .inputbox, .hover_effect span.title, .ekho-style .nivo-caption, .quotes blockquote, .to_cart .addtocart
{
	font-family: 'Open Sans', 'Helvetica', arial, serif;
}

/* Customize the Footer */
#footer
{
	height: 60px;
	background:url(../images/transparent_png/black10.png); /* OLD IE FALLBACK */
	background: rgba(0, 0, 0, 0.8); /* RGBA Stands for RED/GREEN/BLUE/ALHPA */
}
body.light #footer
{
	background:url(http://www.gastroquet.com/images/transparent_png/white10_nul.png); /* OLD IE FALLBACK */
	background: rgba(255, 255, 255, 0.8); /* RGBA Stands for RED/GREEN/BLUE/ALHPA */
}
/* Customize the Main's container background */
#main
{
	background:url(../images/transparent_png/black10.png); /* OLD IE FALLBACK */
	background: rgba(0, 0, 0, 0.8); /* RGBA Stands for RED/GREEN/BLUE/ALHPA */
}
body.light #main
{
	background:url(http://www.gastroquet.com/images/transparent_png/white10_nul.png); /* OLD IE FALLBACK */
	background: rgba(255, 255, 255, 0.8); /* RGBA Stands for RED/GREEN/BLUE/ALHPA */
}
/* ---- MENU COLORS ------------ */

/* MENU DARK */
#menu .jt-menu a {
	color: #c9c9c9;
	background:url(../images/transparent_png/black10.png); /* OLD IE FALLBACK */
	background:rgba(0,0,0,0.9); /* RGBA Stands for RED/GREEN/BLUE/ALHPA */
}
#menu .jt-menu a:hover,
#menu .jt-menu li.active > a {
	background:#000;
	color:#fff;
}
/* MENU LIGHT */
body.light #menu .jt-menu a {
	color: #333;
	background:url(http://www.gastroquet.com/images/transparent_png/white10_nul.png); /* OLD IE FALLBACK */
	background:rgba(255,255,255,0.9); /* RGBA Stands for RED/GREEN/BLUE/ALHPA */
}
body.light #menu .jt-menu a:hover,
body.light #menu .jt-menu li.active > a {
	background:#fff;
	color:#111;
}
/* ---- end MENU COLORS ------------ */


/* Contact Details Widget (From Footer) */
#contact_details .iconWidgetContainer {
	width:260px;
	height:335px;
	bottom:150px;
}
#contact_details .iconWidgetIcon {background-image:url(../images/icon-mappin.png);}

/* Newsletter Widget (From Footer) */
#newsletter_form .iconWidgetContainer {
	width:260px;
	height:220px;
	bottom:150px;
}
#newsletter_form .iconWidgetIcon {background-image:url(../images/icon-mail.png);}

/* FOOTER POSITIONS */
#footer1 {width:100px;float:left;}
#footer2 {width:330px;float:left;}
#footer3 {float:right;}
#footer4 {float:right;}


#menu_responsive {
	display: none;
}

#ambiance_video {
	width: 80%;
	margin-left: 10%;
}

#call {
	display: none;
}

#TA_certificateOfExcellence169 {
	float: left;
}

#distinction {
	float: left;
	position: relative;
	left: 50%;
	margin-left: -150px;
}

#logo_homeMade {
	float: left;
	margin-top: 10px;
	position: relative;
	border: 2px solid #333;
}

#logo_homeMade img {
	width: 125px;
}

#logo_homeMade p {
	position: absolute;
	width: 100%;
	text-align: center;
}

#critiques {
	float: left;
	width: 100%;
}

#critiques a {
	float: left;
	margin: 10px 20px;
}

#critiques a:first-child {
	margin-top: 60px;
}


/* MEDIA QUERIES */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
	#logo {
		width: 100px!important;
		height: 100px!important;
		background-size: 100%!important;
		background-color: transparent!important;
		position: relative!important;	
		left: 50%!important;
		margin-left: -50px!important;
	}

	#videog {
		display: none;
	}

	#header {
		width: 100%;
	}

	.jt-menu {
		text-align: center;
	}

	.jt-menu li {
		display: inline-block;
		float: none!important;
	}

	body.light #menu .jt-menu a {
		float: left;
		padding: 5px 10px;
	}

	.item-page iframe {
		width: 80%;
		margin-left: 10%;
	}


	#header {
		position: relative;
	}

}


@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
	#logo {
		width: 100px!important;
		height: 100px!important;
		background-size: 100%!important;
		background-color: transparent!important;
		position: relative!important;	
		left: 50%!important;
		margin-left: -50px!important;
	}

	#videog {
		display: none;
	}

	#header {
		width: 100%;
	}

	.jt-menu {
		text-align: center;
	}

	.jt-menu li {
		display: inline-block;
		float: none!important;
	}

	body.light #menu .jt-menu a {
		float: left;
		padding: 5px 10px;
	}

	.item-page iframe {
		width: 80%;
		margin-left: 10%;
	}

	#header {
		position: relative;
	}
}

@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
	#logo {
		width: 100px!important;
		height: 100px!important;
		background-size: 100%!important;
		background-color: transparent!important;
		position: relative!important;	
		left: 50%!important;
		margin-left: -50px!important;
	}

	#videog {
		display: none;
	}

	#menu_responsive {
		display: block;
		height: 35px;
		left: 50%;
		width: 100px;
		float: left;
		margin-left: -100px;
		position: relative;
		margin-top: 120px;
		background: #551404;
		color: #fad985;
		text-transform: uppercase;
		text-align: center;
		font-size: 20px;
		font-weight: 800;
		letter-spacing: 5px;
		z-index: 9000;
	}

	#menu {
		display: none;
	}

	.ffslider {
		display: none;
	}

	#front_centered {
		position: static;
		margin-left: 0;
	}

	#header.navbar #social_icons {
		float: left;
	}

	#header.navbar {
		width: 100%;
	}

	.jt-menu li {
		width: 100%;
		margin-left: 0!important;
		text-align: center;
	}

	.jt-menu li ul {
		width: 100%!important;
	}

	.jt-menu li a {
		display: block!important;
		float: none!important;
	}

	.item-page img {
		width: 100%!important;
		height: auto!important;
	}

	#viewer_ph {
		width: 100%;
		height: auto;
		margin-left: 0px;
	}

	#viewer_ph img {
		width: 100%;
	}

	.item-page iframe {
		width: 80%;
		margin-left: 10%;
	}
}


@media screen and (max-width : 767px) {

	#TA_certificateOfExcellence169, #logo_homeMade {
		margin: 0 70px;
	}


	#menu_responsive {
		display: block;
		height: 35px;
		left: 50%;
		width: 100px;
		float: left;
		margin-left: -100px;
		position: relative;
		margin-top: 120px;
		color: #fad985;
		text-transform: uppercase;
		text-align: center;
		font-size: 20px;
		font-weight: 800;
		letter-spacing: 5px;
		background: url('../images/menu_responsive.png') no-repeat center #9f0c3b;
		background-size: 20%;
	}

	#header.navbar #menu {
		margin-top: 40px;
	}

	#menu {
		display: none;
	}

	#call {
		display: block;
		width: 100px;
		padding: 5px 0px;
		top: 160px;
		margin: auto;
		position: relative;
		background: #9f0c3b;
		color: #fad985;
		font-weight: 800;
	}

	#call img {
		width: 15px;
		position: relative;
		top: 2.5px;
		padding-right: 15px;
		padding-left: 5px;
	}

	#social_sharing {
		right: auto;
		position: relative;
		left: auto;
		bottom: auto;
		margin-bottom: 100px;
	}

	.social-connect {
		text-align: center;
	}

	.social-connect li {
		display: inline-block;
		float: none!important;
	}

	#front_centered {
		position: static;
		margin-left: 0;
	}

	#main.container {
		padding: 0 5px;
	}

	.item-page iframe {
		width: 100%!important;
	}

	.item-page img {
		width: 100%!important;
		height: auto!important;
	}

	iframe#reservation {
		width: 150%!important;
		position: relative;
		left: -100px;
	}

	#thumbs_ph {
		width: 100%;
		margin: 0;
		text-align: center;
	}

	#thumbs_ph li {
		float: none;
		display: inline-block;
	}

	#viewer_ph {
		width: 100%;
		height: auto;
		margin-left: 0px;
	}

	#viewer_ph img {
		width: 100%;
	}

	#header.navbar {
		width: 100%;
	}

	#logo {
		width: 100px!important;
		height: 100px!important;
		background-size: 100%!important;
		background-color: transparent!important;
		position: relative!important;	
		left: 50%!important;
		margin-left: -50px!important;
	}

	#videog {
		display: none;
	}

	#menu {
		float: left;!important;
	}

	#header.navbar #menu .jt-menu li ul {
		width: 100%!important;
		background: #fff;
	}

	.ffslider {
		display: none;
	}

	.jt-menu li {
		width: 100%;
		margin-left: 0!important;
		text-align: center;
	}

	.jt-menu li a {
		display: block!important;
	}

	.inner-popin.popin-reservation {
		width: 100%!important;
	}

	#contact_form textarea {
		width: 250px;
	}

	.step1 {
		position: relative;
		left: -100px;
	}
}