@charset "utf-8";

/* CSS Document */



#wrapper{ width:100%}

@media only screen and (max-width: 1120px) {
  #content img.full {
    width: 100%;
    height: auto;
  }
}



@media only screen and (max-width: 1040px){
	
	nav { /*margin: 30px 10px*/}
	
	#flag{ /*margin:20px 10px*/}
	
	#content img{ width:100%; height:auto}
	
	#image img{ width:100%; height:auto;}
	
	#sidebar img{ width:100%; height:auto;}

	}
	
	
@media only screen and (max-width: 950px){
	#logo { /*margin-left:10px ; margin-right:0px*/}
	
	nav { /*margin: 30px 10px 0px 0px*/}
	
	#flag{ margin:-70px 10px}
	
	}
	
@media only screen and (max-width: 860px){
	
	#logo img{}
	
	nav{ /*width:100%;margin: 30px 0pxwidth:485px; margin: 30px 10px 0px 0px*/ }
	
	nav ul {/*display: block; position:relative; margin: 0 auto; width:577px;*/}
	
	nav ul li.item-131{ /*margin-left:0px*/}
	
	nav ul li{ /*margin-left:0px margin-left:8px;*/}
	
	#flag {/*margin: 60px 50px;*/}
	
	nav ul li.item-144 {/*margin-left: 6px;*/}
	
	}	
	
	
@media only screen and (max-width: 900px){
	
	#logo {margin-left: auto;margin-right: auto;margin-top: 0; float: none;}


#flag {    margin: 0% 10px;}
	
	#nav-button {display: block;float: left;width: 43px;margin-top: -2%;margin-right: 5px;}
	
	
	button.mobilemenu {float: right}
 
 .menu{ display:none; margin-top:0px; height:auto; /*background-image: url('../image/line.png');
	 background-repeat: repeat-y; border-top: solid #939598 2px;*/
  }

nav{ height:auto; width: 100%;margin: 0px 0px 0px 0px; display: none;}


nav ul li.item-135 ul, nav ul li.item-131 ul, nav ul li.item-187 ul, nav ul li.item-193 ul,  nav ul li.item-227 ul,  nav ul li.item-232 ul  { margin-left:0}

nav ul { width:100%}


 nav ul > li{

	

 width: 100%;

 display: block;

 text-align: left;

 
	 
	padding-bottom:12px  !important;
	padding-top:12px !important;
	margin-left: 0%;
	padding-left:0px;
	background-color: #DADBDC;
	border-top: #939598 2px solid;
	border-bottom: none;
	height:auto;
	vertical-align: bottom;



 }
 nav ul  li:hover  {background-image:none;}
 
/*
 nav li.item-297, nav li.item-346, nav li.item-247, nav li.item-109{width:100%}*/

nav ul ul {

    position: relative;

	width:100%;
	margin-left: 0%;
	margin-top: 2.2%;
	margin-bottom: -2%;

 }

 
nav ul ul ul{ margin-left:0%; margin-top:5%; margin-bottom:-2.5%; position:relative; width:100%;}

#nav-button button{background: none;border: none; outline: none;}

/*
	nav li.item-107 {
    margin-left: 0%;
	
}

nav li.item-111, nav li.item-111:hover { border-bottom:#939598 2px solid;}*/

nav li a, nav li span { padding-left:30px;}

nav li a{ display: block; width: 95%;}


nav ul ul{
	box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
	
	}
	
	
	nav ul ul li{/*padding-left:20px;*/ width:100%; padding-left: 0; padding-top: 16px; background-color: #EFEFF0;
padding-bottom: 8px; /*min-height:31px;*/}
	
	nav ul ul li a{ padding-left:60px;}
	
		/*nav ul ul li { padding-left:20px; padding-top: 12px; padding-bottom: 12px;}*/
	
	nav ul ul ul li a{ padding-left:90px;}
	
	nav ul ul ul li {padding-top: 16px;
/*min-height: 31px;*/
padding-bottom: 8px;}
	
	
	a.img-menu-res img{display: none; float:right;} 
	
	nav li > .mobile-submenu  { display:none}
	
	nav ul li:hover > ul { display:none}
	
	 nav li.parent > .mobile-submenu  {
		 
	outline: none; 
	
	display: block; float:right;     
	background-image: url('../images/thin.png') ;
	 background-repeat: no-repeat;
    height: 30px;
    width: 30px;
	background-color: #F1F1F300;
	border: none;
	margin-right:10%;
	margin-top: 0%;
	
	
	
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}


	.transform {
    -webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	
	
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}

li.item-156 > .mobile-submenu ,  li.item-157 > .mobile-submenu , li.item-158 > .mobile-submenu {/*margin-right:5.3%;*/}



	nav li:hover > ul{ display:none;}
	
	nav ul ul li, nav ul ul li:first-child {border-top:#939598 2px solid;  border-bottom: none;}
	
	nav ul li:hover, nav ul li.active, nav ul ul li:hover, nav ul ul li.active {
    /*border-top: none;
    border-bottom: none;
    border-top: none;
    border-bottom: none;
    font-weight: normal;*/
	border-top: #939598 2px solid;
	border-bottom: none;
}

#main {max-width: 100%;}

#main-inner {width: 100%;min-height: auto;margin-left: 0;margin-top: 2%;margin-bottom: 5%;}

#content{width: 90%; min-height: auto; margin-left: 5%; margin-top: 5%;}

#image, #sidebar {float: none;width: 215px;margin-right: auto;margin-left: auto;}
	
	
	.rstboxes .rstbox.rstbox_center {top:300px; width: 50%;}
	
footer {float: none;  width: 85%;  margin-left: auto;  margin-right: auto;}
	
	#jcemediabox-popup-content>embed,#jcemediabox-popup-content>img,#jcemediabox-popup-content>object,#jcemediabox-popup-content>video{width:93%; margin-left: 3%; height:auto}
	
	nav ul li.item-144 {margin-left: 0px;}


	.column_winew25 {width: 100%;padding: 10px;float: left; }
	
	
	}
	
@media only screen and (max-width: 666px){
	.rstboxes .rstbox.rstbox_center { width: 75%;}
	
	}	
	
@media only screen and (max-width: 550px){
	
	img.espa { width:100%; height:auto;}
	}	
	
@media only screen and (max-width: 520px){
	#nav-button { /*width:30%;*/}
	img.line { width:100%}
	}	
	
@media only screen and (max-width: 414px){

	#content img.wines25 {width: 45% !important; height: auto;}
	
	
	#logo{ width:50%;}
	
	#logo img {width:100%; height:auto}
	
	span.sintages{ font-size:30px}
	}