@charset "UTF-8";
/* CSS Document */
	* {
	}


html, body, #wrap {height: 100%;margin:0; padding:0;

	}

body > #wrap {height: auto; min-height: 100%;}

#wrap { width:100%; overflow:hidden; }


body {
	margin: 0;
	padding: 0;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 200;
	font-size: 1em;

	color: #000;
	background-color:#ffffff;
	 letter-spacing:0.7px;

}

.resp-hide{
	display:block;
}
.resp-show{
	display:none;
}

/* -- POPUP -- */
/* Popup container - can be anything you want */
.popup {
  position: relative;
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
	z-index: 500;
	width: 49%;
	left: 21%;
}

/* The actual popup */
.popup .popuptext {
    /*visibility: hidden;*/
    width: 80%;
    background-color: rgba(55, 58, 62, 0.8);
    color: #fff;
    text-align: center;
    padding: 20px 30px;
    position: absolute;
    z-index: 1;
    margin-top: 32%;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.3px;
    font-weight: 100;
	
    left: 15%;
}



.popup .popuptext p{
	padding: 0 60px;
}

.popup .popuptext.fr p{
	padding: 0 60px;
}

.popup .popuptext span{
	font-weight: 400;
}

.popup .popuptext a {
    font-family: 'Roboto', sans-serif;
    font-size: 80%;
    line-height: 24px;
    color: #fff;
    text-decoration: underline;
    letter-spacing: 1em;
    font-weight: 300;
	cursor: pointer;
}

@media (min-width:1024px){
	.popup .popuptext a {
		font-size: 28px;
	}
}

.popup .popuptext a:hover{
	color: #000;
}

.popup .popuptext p.firma {
	margin-top: 40px;
}

.popup .popuptext img{
	position:absolute;
	margin-top: -85px;
	margin-left: 300px;
}

/* Popup arrow */
.popup .popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}

@media only screen and (max-width: 1024px){
.popup .popuptext img{
	margin-top: -60px;
	margin-left: 170px;
}
}



a {
	color: black;
}
a img {
	border:none;
}


a:link, a:visited {
	color: black;
	text-decoration: none;
}
a:hover {
	color: #94121a;
	text-decoration: none;
}

a.current {color:#94121a;}

h1 , h2 {
	font-size:1.7em;
	font-weight: 200;
	letter-spacing:3px;
	margin:0; padding:0;
	color:#94121a;
}

h2 {
	font-size: 1.2em; font-weight:400;
}
.spacca {
	clear:both; margin:0; padding:0;
}

.br {
	display:none
}

.background {
 width: 100%;
 height:100%;
 position: fixed;
 bottom:0;
 right: 0;
 z-index:-10;
 background-size:cover;
 background-position:50%;
 }
 .background.cento {
 background-position:100%;
 }
.commerce {background:url(../imgCommerce/C-commerce.jpg) no-repeat 650px 450px;}
.rosa {
	background-color:#F6EBE2;
}

#top.social {display:inline-block; position: fixed; right:90px; }

.social a , .social img { border:0!important}
.trip {float:left; margin-top:6px;}
.trip img { height:17px;}
.facebook {float:left; margin-right:20px; margin-top:4px;}

#footer .social { /*visibility:hidden;*/ }

/* HP */
#scroll
{
    position: fixed;
    bottom: 150px; right:50px;
	z-index: 5;

}
/* .HP */

/* main menu */
.logo
{
    position: fixed;
    top: 0px;
	width:267px;
    z-index: 100;
	float:left;
}

.menu
{
    position: fixed;
    top: 0px;
    width: 100%;
    height: 57px;
	background: url(../imgCommerce/BgMenu.jpg);
    z-index: 100;
}
#language
{
    position: fixed;
    top: 0px; right:0;
    width: 46px;
    height: 57px;
    z-index: 100;
}
#language ul
{
	list-style:none; text-align:left;
	margin:0; padding:0;
	color:red; padding-top:5px;
}
#language ul li
{
	line-height:23px; text-transform:uppercase; font-size:13px;
}
#language ul li:first-child
{
	border-bottom:1px solid #fff

}
#language ul li a
{
	display:block;
}

#language ul li a.current
{
	background:url(../imgCommerce/segnalino.jpg) no-repeat 0 0%; color:#FFF;
}
#language ul li:first-child a.current
{
	background:url(../imgCommerce/segnalino.jpg) no-repeat 0 100%; color:#FFF;
}


nav {
	margin: 20px 0 0 0;
	font-weight: 400;
}
.navigation , #mainMenu , a.buono {
	list-style: none;
	margin: 0; padding:0;
	letter-spacing:0.13em;

}
#mainMenu li {
	float:left;
	padding: 0 62px 0 0;
}
#mainMenu {
	margin-top: 3px;
	float:left;
	margin-left:300px;

}
#mainMenu li a.attuale{
	color:#FFF;
}

 a#menuShow {
	font-weight: 400;
	letter-spacing:0.15em;
}
#menuShow {
	display:none;
}
#menuHide {
	display:none;
}
.VMhide {
	display:inline-block;
}
.VMShow {
	display:none;
}


/* .main menu */
/* menu tendina */

ul#mainMenu ul {
	background:url(../imgCommerce/BgMenuTendina.png);
 height: 0px; min-width:110px;
 overflow: hidden;
 -webkit-transition: 0.7s;
 -moz-transition: 0.7s;
 -o-transition: 0.7s;
 -ms-transition: 0.7s;
 transition: 0.7s;
 position: relative;
 margin-top: 15px; margin-left:-10px;
}

ul#mainMenu li:hover > ul {
 display: block;
 height:122px;
 -webkit-transition: 0.7s;
 -moz-transition: 0.7s;
 -o-transition: 0.7s;
 -ms-transition: 0.7s;
 transition: 0.7s;
}

ul#mainMenu li li {
	padding:0; margin:0;
 margin-left: -40px;
 display: block;
 clear: both;
}
ul#mainMenu li ul li a {
	padding:10px; display:block; color:#f5d6d7;
}

ul#mainMenu li li a:hover {
	color:white;
}

/*.menu tendina */



/* menu HP */
.menuHP
{
    position: fixed;
    top: 60px;
    z-index: 100;
}


.navigation.HP li , a.buono {
	display: block;
	padding: 4px 0;
	text-align:left;
	padding-left:40px;

}
.navigation.HP li.stacco {

	margin-top:13px;

}

.navigation.HP li a , a.buono {
	color:black; font-weight:200
}


#mainMenu li a , #language ul li a {
	color:#eab5b7; font-weight:400;
}

.navigation.HP li a.current , a.buono.current {
	color:#94121a;
}

/* .menu HP */

/* slide
.slide
{
    width: 100%;
    position: relative;
    padding:0;
    text-align: left;

}



#slide2,
#slide4, #slide6, #slide8
{
    box-shadow: 0 18px 14px -14px rgba(0,0,0,0.6), 0 -18px 14px -14px rgba(0,0,0,0.6);
    z-index: 10;
}



#slide1 , #slide2a  , #slide3 , #slide5 , #slide7 , #slide8a , #slide10, #slideBrass2 , #slideBar2 , #slideKuche2 , #slideTerrasse2
{
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
#slide1
{
    height: 100%;
    background-image:url('../imgCommerce/gourmet.jpg');
	background-color:#92141B;
}

#slide2a
{
    height: 800px;
	background-image:url('../imgCommerce/bistrot2.jpg');
}

#slide3
{
    height: 1000px;
	background-image:url('../imgCommerce/bistrot.jpg');
}

#slide5
{
    height: 100%;
	background-image:url('../imgCommerce/kuche.jpg');
}

#slide7
{
   height: 1000px;
   background-image:url('../imgCommerce/bar.jpg');
}
#slide8a
{
    height: 100%;
	background-image:url('../imgCommerce/terrasse.jpg');
}
#slide10
{
    height: 100%;
	background-image:url('../imgCommerce/catering.jpg');
}
#slideBrass2
{
    height: 100%;
	background-image:url('../imgCommerce/brasserie.jpg');
}
#slideBar2
{
    height: 800px;
	background-image:url('../imgCommerce/bar2.jpg');
}
#slideKuche2
{
    height: 600px;
	background-image:url('../imgCommerce/kuche2.jpg');
}
#slideTerrasse2
{
    height: 600px;
	background-image:url('../imgCommerce/terrasse2.jpg');
}


.slide .container
{
	color:#49494B;
	font-weight:200; line-height:1.5em;  height:210px; overflow:auto;
	margin:0; padding:0; padding-top:87px;
	padding-left:300px; margin-right:40px;

}
.slide .container h1 , .gap h1
{
	margin-bottom:-7px;

}
.slide .container.bordeaux h1
{
	margin-top:5px;

}
.slide .container a
{
	border-bottom:1px solid black;

}
.slide .container.bordeaux a , .content-bordeaux a
{
	color:#FFF; border-bottom:1px solid white;

}

.slide .container.bordeaux
{
	position:absolute; bottom:0; width:100%; background-color:#94121a; margin:0; padding:0;  height:155px;

}
.slide .container.bordeaux .row
{
	padding-top:14px; padding-left:300px;margin-right:40px;

}

 .slide */

/*slide*/
.text-white {
	color:white;
}

.content-bordeaux a
{
	color:#FFF; border-bottom:1px solid white;

}

		.photo {
			background-attachment: fixed;
			background-position: 50% 0;
			background-repeat: no-repeat;
			background-size:cover;
			height:100%;
			position: relative;
		z-index: 50;
		}
		.photo div {
			display: block;
			position: absolute;
			width:100%;
			background:url(../imgCommerce/bgSection.png);
			min-height:125px;
		}
		 .photo div a
		{
			border-bottom:1px solid black;

		}
		.photo div.top {
			top: 0px;
			padding-top:57px;
		}
		.photo div.bottom {
			bottom:0;
		}
		.photo div h1 , .photo div p  {
			margin-left:300px;
			padding-right:30px;

		}
		.photo div h1  {
			padding-bottom:5px;
			padding-top:20px;
		}
		.photo div p  {
			color:black;
			padding-top:0px;
			line-height: 1.5em;
			margin-top:0; padding-top:0;

		}

/*.slide*/


/* pagg */
#testo {
	height:100%; padding:40px; padding-top:30px;
}

.LeftSide {
	clear:both; margin:0; padding:0;
	width:560px;height:100%;
	float:left; margin-right:55px;
}

.RightSide {
	margin:0; padding:0;
	width:380px; height:100%;
	float:left;
}
.RightSide h1 , .RightSide h2 {
	color: #94121a;
}
.separatore {
	display:block; border-bottom:2px solid #dcdcdc; margin-bottom:35px; clear:both;
}

img.background {
 width: 100%;
 height:100%;
 position: fixed;
 bottom:0;
 right: 0;
 z-index:-10;
 }

 #contenuto {
	width:100%;
	min-height:200px;
	padding-bottom: 40px;  /* la stessa altezza del footer */
	padding-top:70px;
	line-height:1.3em;

	}

/* pag menu*/

.boxMenu { width:500px; /*margin:0 auto;*/
	 padding:0;
	 padding-top:10%;
	 float: right;
	 margin: 0 13% 0 5%;
	}

.workhome{
	float: left;
  margin: 0 5% 0 13%;
  padding-top: 10%;
  margin-top: 40px;
}

.workhome img{
	width: 419px;
}

.Brasserie , .Weinkarte , .Gourmet , .kinder , .businessLarge {
	  float:left;
	}

	.Gourmet , .Brasserie {
		height:210px; overflow:hidden;
	}
	.Brasserie img {
		margin-top:-40px;
	}
	.kinder  {
		margin-top:0px;
	}

	.wine {
	  float:right; margin:0; padding:0;
	}

.kinder a , .businessLarge a {
	/*visibility:hidden;*/
	}

/* .pag menu*/



 #bandaMappe {
	height:180px; margin-top:-180px; z-index:0; bottom:40px; background:url(../imgCommerce/BgMappe.png) repeat-x 0 130%; position:relative;
	}

 .mappa {
	width:350px;
	height:150px;
	display:inline-block;
	border:2px solid white;
	margin:0;
	overflow:hidden;
	}
 .mappa:first-child {
	 margin-left:40px; margin-right:10px;
	}

 .galerie {

	 padding-left:45px;

	}
 .galerie img {
	 height:150px; width:auto;

	}

/* .pagg */


/*gallery*/
/*.gallery*/


/*event*/
 #contactBox { position:absolute; background:url(../imgCommerce/BgContact.png); width:700px; height:130px; margin:20px 40px; padding:20px 30px;
 margin-left:0; padding-left:40px; }
 #contactBox h2 {color:white; }
 #contactBox p {color:white; line-height:21px;}
 #contactBox a { color:#92141B; color:white; font-weight:400;}

 #contactBox .Left {
	float:left;
	width:50%;
	}


 #eventBox { position:absolute; background:url(../imgCommerce/BgEventi.png); width:700px; /*height:20%;*/ height:auto;  margin:30px 40px; /*margin-top:210px;*/ padding:20px 30px; overflow:auto;
 margin-left:0; padding-left:40px; }
 #eventBox h2.pippo { font-size:16px }

 #contenuto.eventBox {min-height:700px }

.event { margin-top:20px; border-bottom:1px inset #000 }
.event h2 { text-transform:none; color:black}
.event p { margin:5px 0; }
.event a { font-weight:400}
.certificate { float:right; margin-right:25px;}



/*pag social */

	#instagram { float:left; width:550px; margin:10px 0 25px 35px;  border-right:1px solid black }
	#instagram h2 span { float:rght;}
	#instagram h2 img { float:rght; margin-top:0px; vertical-align:middle; }
	#instagram .foto { border:1px solid #999; width:115px; height:110px; overflow:hidden; margin:10px 6px 10px 0px; text-align:center; display:inline-block;}
	#instagram .foto img {height:100%; width:auto; text-align:center}
	#trip { margin-left:15px; float:left; margin-top:20px;}

	#fotoIstagram { border:none; overflow:hidden; width:512px; height: 640px;  margin-top:20px; max-height:250px; margin-left:-5px; margin-bottom:0px;}
	.fb-page { margin-top:20px; clear:both; }

/* buono*/

form {
  margin:3em auto;
  width:840px;
  background:url(../imgCommerce/BgEventi.png); padding:20px;
}

form a {
	text-decoration:underline!important;
	font-weight:bold;
}

form fieldset{
	margin-top:18px;
	width:380px;
	float:left;
	border:none;
	background:url(../imgCommerce/BgEventi.png);
}
form fieldset.sinistro {
	margin-right:20px;
}
form fieldset p{
	margin:0;
}

form input , form textarea {
	width:88%;
}
form textarea {
	height:80px;
}
.privacy {
	font-size:12px;
	line-height:normal;
}
.invia {
margin-top:20px; clear:both;  width:45%; display:inline-block;
}
.invia input {
font-size:16px; cursor:pointer; width:100px; height:45px;
}

.privacyCeck {
margin-right:10px; float:left; width:auto
}

/*
footer */

 #footer {
	color:#ffffff;
    background-color:#92141B;
	position: relative;
	margin-top: -40px; /* valore negativo dell'altezza del footer */
	height:40px;
	clear:both;

	}
 #footer .content {
	padding:5px 60px; padding-left:40px;
	letter-spacing:1px; font-size:14px;
	}

 #footer h2 {
	font-size: 1.5em;
	line-height: 1em;
	font-weight: 200;
	letter-spacing:0.1em;
	margin:0; padding:0;
	color:#ffffff;
}
 #footer a {
	color: white;
	font-weight:400;
	border-bottom:1px dotted white;
}


 #footer a:hover {
	color: black;
}


#credits {float:right; font-size:12px; margin-top:7px;}
#credits p , #credits a {margin:0; padding:0;}
#credits a { border:none!important}



	.Left , .Right {
	width:47%;
	}

.TA_cdsscrollingravenarrow {
	margin-left:40px; margin-top:-190px;
}

@media (max-width: 1500px){
	.popup .popuptext p{
		padding: 0 0px;
	}

	.popup .popuptext.fr p{
		padding: 0 0px;
	}
}

@media (max-width: 1440px){
	.workhome{margin: 0 3% 0 8%;}
	.boxMenu{margin: 0 8% 0 3%;}
}

@media (max-width: 1200px){
	.workhome{margin: 0 2% 0 5%;}
	.boxMenu{margin: 0 5% 0 2%;}
}




/* Popup box BEGIN */
.hover_bkgr_fricc{
    background:rgba(0,0,0,.4);
    cursor:pointer;
    display:none;
    height:100%;
    position:fixed;
    text-align:center;
    top:0;
	left: 0;
    width:100%;
    z-index:10000;
}
.hover_bkgr_fricc .helper{
    display:inline-block;
    height:100%;
    vertical-align:middle;
}
.hover_bkgr_fricc > div {
    background-color: #fff;
	color: #000;
    box-shadow: 10px 10px 60px #555;
    display: inline-block;
    height: 90vh;
    max-width: 551px;
    min-height: 100px;
    vertical-align: middle;
    width: 80%;
    position: relative;
    border-radius: 8px;
    padding: 15px 5%;
	overflow: scroll;
}
.popupCloseButton {
    background-color: #fff;
    border: 3px solid #999;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 25px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    text-align: center;
	z-index: 9;
}
.popupCloseButton:hover {
    background-color: #ccc;
}
.trigger_popup_fricc {
    cursor: pointer;
    font-size: 20px;
    margin: 20px;
    display: inline-block;
    font-weight: bold;
	text-decoration: none !important;
}
/* Popup box BEGIN */

#img{
	width: 100%;
	position: relative;
	margin: auto;
}


/* ------ IPAD ------- */


@media (min-width: 641px) and (max-width: 1960px){
	#myPopup {
		margin-top: 42vh;
	}
}

/* --- Valentine Menu miniatura --- */
.workhome.valentine {
    float: left;
    width: 20px;        /* muito menor que o Work&Home */
    margin: 5px 0;      /* espaçamento acima/abaixo */
}

.workhome.valentine img {
    width: 100%;
    height: auto;       /* mantém proporção da imagem */
    display: block;
}




}