/* ---------------------------------------
Responsive design code
-----------------------------------------*/

/*-------------------------------------- (min-width: 1046px) ---------------------------*/
@media screen and (min-width: 1046px) {


.container {
width: auto !important;
}

.hidemobile5 {
display: none !important;
}

#logotipo {
display: inherit;
}

#menu {
	display: inherit;
}

#conteudos .column2 {
display: none;
}
#conteudos .center {
width: 100% !important;
clear: both;
float:left;
}
  
#moduloinferior {
display: inherit;
}
}

/*-------------------------------------- (min-width: 1024px) and (max-width: 1046px)---------------------------*/

@media screen and (min-width: 1024px) and (max-width: 1046px) {


.container {
width: auto !important;
}

.hidemobile4 {
display: none !important;
}

#logotipo {
display: inherit;
}
#logotipo > div.inner{
	font-size:90%;
}
#menu {
	display: inherit;
}

#maximenuck285.maximenuckh ul.maximenuck li.maximenuck.level1 > a span.titreck, 
#maximenuck285.maximenuckh ul.maximenuck li.maximenuck.level1 > span.separator span.titreck{
  font-size:75% !important;
}
  
#conteudos .column2 {
display: none;
}
#conteudos .center {
width: 100% !important;
clear: both;
float:left;
}
  
#moduloinferior {
display: inherit;
}
}

/*-------------------------------------- (min-width: 950px) and (max-width: 1024px)---------------------------*/

@media screen and (min-width: 950px) and (max-width: 1024px) {

.container {
width: auto !important;
}

.hidemobile4 {
display: none !important;
}

#logotipo {
display: inherit;
}
#logotipo > div.inner{
	font-size:90%;
}
#menu {
	display: inherit;
}

#maximenuck285.maximenuckh ul.maximenuck li.maximenuck.level1 > a span.titreck, 
#maximenuck285.maximenuckh ul.maximenuck li.maximenuck.level1 > span.separator span.titreck{
  font-size:75% !important;
}
  
#conteudos .column2 {
display: none;
}
#conteudos .center {
width: 100% !important;
clear: both;
float:left;
}

#moduloinferior {
display: inherit;
}
}

/*_____________________________________________(min-width: 758px) and (max-width: 950px) landscape _____________________________________*/


@media screen and (min-width: 758px) and (max-width: 950px) and (orientation:landscape) {

.container {
width: auto !important;
}

.hidemobile3 {
display: none !important;
}

#logotipo {
	display: inherit;
}

#logo {
  	position:fixed;	
}
#logo img{
  	width:8%;	
}
#logo > div.inner {
  	margin-top:7%;
}
   
#menu {
	display: inherit;
 	zoom:0.8;
}
  
#flags {
  	position:fixed;
	top:10%;
	height:12%;
	left:10%;
	z-index:1500;
}
  
#flags > div.inner{
    zoom:0.9;
  margin-top:7%;
}  

#meo {
   	width:30%;
	position:fixed;
	top:10%;
	right:10%;
	left:auto;
} 
  
#meo > div.inner{
    width:100% !important;
  	zoom:1;
} 
  
#conteudo > div.inner {  
  	display:inherit;
  	top:22%;
  	height:62%;
  	font-size:0.8;
}  

#conteudos .column2 {
display: none;
}
  
#ephtm-3-mod-centro-esquerda > div.inner {
  	display:inherit !important;
  	top:22%;
  	height:62%;
}
.chronoform{
    zoom:0.75;
    font-size:0.9;
}  
  
.XL {
    margin:25px 25px 25px 25px;
  	width:300px !important;
} 
  
#moduloinferior {
	display: inherit;
}

#mod-login > div.inner {
	display: inherit;
	font-size:80%;
} 
#mod-rumos {
	display:inherit;
}

#mod-img {
	display: inherit;
}
  
#mod-link-grupo {
	display:inherit !important;
}
  
#mod-link-grupo >div.inner{
	zoom:0.8 !important;
}
  
#mod-social-links {
  	display: inherit;
}
}

/*_____________________________________________(min-width: 758px) and (max-width: 950px) portrait _____________________________________*/


@media screen and (min-width: 758px) and (max-width: 950px) and (orientation:portrait) {

.container {
width: auto !important;
}

.hidemobile3 {
display: none !important;
}

#logo {
   	position:fixed;
    width:100%;
    left:0%;
  	right:0%;
	z-index:999999;
    padding-top:6%;
   	padding-bottom:2%;
  	background:#ffffff;
}
#logo img {
	width:8%;
  	zoom:100%;
}
#logo > div.inner {
	font-size: 0.95em;
}
   
#menu {
	display: inherit;
  	position:fixed;
  	top:0%;
  	width:100%;
  	z-index:9999999;
}
  
.mobilebarmaximenuck .mobilebarmenutitleck{
    zoom:95%; 
} 
  
.mobilemaximenuck{
    zoom:95%;
}
  
#flags {
  	position:fixed;
	top:7%;
	height:12%;
	left:9%;
	z-index:999999;
}
  
#flags > div.inner{
    zoom:0.9;
  margin-top:7%;
}  

#meo {
   	width:30%;
	position:fixed;
	top:7%;
	right:10%;
	left:auto;
  	z-index:999999;
} 
  
#meo > div.inner{
    width:100% !important;
  	zoom:1;
} 
  
#conteudos .column {
	width: 100% !important;
	clear:both;
	float:left;
}
  
#conteudos .column1 div.inner, #conteudos .column2 div.inner {
	overflow-y:visible;
}

  
#conteudos .column div.inner {
	display:inherit;
  	width:auto;
  	height:50%;
  	font-size:90%;
  	position:relative;
  	left:0%;
  	right:0%;
  	bottom:8%;
}
  
#conteudos > div.inner {
  	overflow:auto;
  	top:22%;
  	width:80%;
  	position:relative;
} 
.items-row .item, .column {
	width: auto !important;
	float: none;
	margin: 0 !important;
}

.column div.moduletable, .column div.moduletable_menu {
	float: none;
	width: auto !important;
}

/** specifique au formulaire de contact **/
.contact form fieldset dt {
	max-width: 80px;
}

.contact input, .contact textarea {
	max-width: 160px;
}
  
#ephtm-3-mod-centro-esquerda > div.inner {
	width: 100% !important;
  	height:50%;
    font-size:80%;
  	margin-top:25% !important;
}
  
#vina-slicebox-slider379{
    width: 100% !important;
  	height:50%;
    font-size:0.8em;
} 
  
.vina-slicebox-slider .sb-slider img {
    max-width: 100% !important;
  	width: 100% !important;
  	height:100%;
    font-size:0.8;	
  	margin-left:0%;
  	margin-right:0%;
}  

#moduloinferior > div.inner {
	margin-top:2%; 	
  	position:relative;
}

#moduloinferior  {
	display:inherit !important;
  	width:auto !important;
}

#mod-login {
	display: inherit;
}
#mod-login > div.inner {
	display: inherit;
  	margin-top: 0%;
	margin-left: 0%;
	position:relative;
	width: 130%;
} 
#mod-rumos {
	display: inherit;
  	margin-top:3%;
}  
#mod-img {
	display: inherit;
}
#mod-img > div.inner {
  	position:relative;
	width:100%;
   	margin-top:1%;

}  
#mod-link-grupo {
	display:inherit !important;
  	margin-top:-2%;
}
  
#mod-link-grupo >div.inner{
	zoom:0.9 !important;
}  
  
#mod-social-links {
  	display: inherit;
}
  
#mod-social-links > div.inner{
  	margin-top:23%;
}  
}

/*____________________________(min-width: 652px) and (max-width: 758px) landscape _______________________________*/

@media screen and (min-width: 652px) and (max-width: 758px) and (orientation:landscape){

img {
max-width: 100% !important;
height: auto !important;
}

.container {
width: auto !important;
}

.hidemobile1 {
display: none !important;
}

#logo {
   	position:fixed;
    width:100%;
    left:0%;
  	right:0%;
	z-index:9999001;
    padding-top:7%;
   	padding-bottom:2%;
  	background:#ffffff;
}
#logo img {
	width:7%;

}
#logo > div.inner {
	font-size: 0.85em;	
}
#flags {
  	position:fixed;
	top:16%;
	height:12%;
	left:9%;
	right:70%;
	z-index:9999004;
} 
#flags > div.inner{
    zoom:0.9;
}  
#meo {
   	width:40%;
	position:fixed;
	top:20%;
	right:10%;
  	z-index:9999006;
}  
#meo > div.inner{
  	zoom:1;
  	z-index:9999099;
  	margin-top:-8%;
}   
#menu {
	display: inherit;
  	position:fixed;
  	top:0%;
  	width:100%;
  	z-index:9999999;
}  
.mobilebarmaximenuck .mobilebarmenutitleck{
    zoom:80%; 
} 
 
.mobilebuttonmaximenuck{
    margin-top:1px !important;
}  
.mobilemaximenuck{
    zoom:80%;
}
.mobilebarmaximenuck .mobilebuttonmaximenuck{
    line-height:29px !important;
}  
#conteudos .column {
	width: 100% !important;
	clear:both;
	float:left;
}
  
#conteudos .column1 div.inner, #conteudos .column2 div.inner {
	overflow-y:visible;
}

#conteudos .column div.inner {
	display:inherit;
  	width:auto;
  	height:50%;
  	font-size:90%;
  	position:relative;
  	left:0%;
  	right:0%;
  	bottom:8%;
  	margin-top:0%;
}
  
#conteudos > div.inner {
  overflow:auto;
  margin-top:17% !important;
  height:58% !important;
  position:relative;
  width:80%;
  
}
.items-row .item, .column {
	width: auto !important;
	float: none;
	margin: 0 !important;
}

.column div.moduletable, .column div.moduletable_menu {
	float: none;
	width: auto !important;
}

/** specifique au formulaire de contact **/
.contact form fieldset dt {
	max-width: 80px;
}

.contact input, .contact textarea {
	max-width: 160px;
}
  
#ephtm-3-mod-centro-esquerda > div.inner {
	width: 100% !important;
  	height:50%;
    font-size:80%;
}
  
#vina-slicebox-slider379{
    width: 100% !important;
  	height:50%;
    font-size:0.8em;
} 
  
.vina-slicebox-slider .sb-slider img {
    max-width: 100% !important;
  	width: 100% !important;
  	height:100%;
    font-size:0.8em;	
  	margin-left:0%;
  	margin-right:0%;
}      
 
    
#moduloinferior > div.inner {
	margin-top:0%; 	
  	position:relative !important;
}

#moduloinferior > div.inner {
	margin-top:0%; 	
  	position:relative !important;
}

#moduloinferior  {
  	width:80% !important;
  	margin-top:0%;
  	position:relative !important; 
}

#moduloinferior  {
	display:inherit !important;
  	width:auto !important;
}

#mod-login {
	display:inherit !important;
  	width:40% !important;
  	margin-right:6%;
}
#mod-login >div.inner{
  	zoom:0.9 !important;
  font-size:1.2em; 
}
  
#mod-rumos {
	display:inherit !important;
  	width:60% !important;
 	margin-left:-64%;
  	margin-right:0%;
  	margin-top:10% !important;
}
  
#mod-rumos >div.inner{
  	zoom:0.8 !important;
}
  
#mod-link-grupo {
	display:inherit !important;
  	width:auto !important;
}
  
#mod-link-grupo >div.inner{
	zoom:0.9 !important;
  	margin-top:-8% !important;
}
  
#mod-img {
	display:inherit !important;
  	width:80%!important;
}
  
#mod-img > div.inner {
  	margin-top:-11% !important;
  	left:55%;
}

#mod-social-links {
	display:inherit !important;
	margin-top:-15%;
  	margin-left:5%;
}
}

/*__________________________(min-width: 652px) and (max-width: 758px) portrait __________________________________*/

@media screen and (min-width: 652px) and (max-width: 758px) and (orientation:portrait){

img {
max-width: 100% !important;
height: auto !important;
}

.container {
width: auto !important;
}

.hidemobile1 {
display: none !important;
}
  
#logo {
   	position:fixed;
    width:100%;
    left:0%;
  	right:0%;
	z-index:9999001;
    padding-top:7%;
   	padding-bottom:2%;
  	background:#ffffff;
}
#logo img {
	width:7%;

}
#logo > div.inner {
	font-size: 0.85em;	
}
#flags {
  	position:fixed;
	top:8.5%;
	height:12%;
	left:9%;
	right:70%;
	z-index:9999004;
} 
#flags > div.inner{
    zoom:0.9;
}  
#meo {
   	width:40%;
	position:fixed;
	top:10%;
	right:10%;
  	z-index:9999006;
}  
#meo > div.inner{
  	zoom:1;
  	z-index:9999099;
  	margin-top:-8%;
} 
#menu {
	display: inherit;
  	position:fixed;
  	top:0%;
  	width:100%;
  	z-index:9999999;
}
  
.mobilebarmaximenuck .mobilebarmenutitleck{
    zoom:95%; 
} 
  
.mobilemaximenuck{
    zoom:95%;
}
  
#conteudos .column {
	width: 100% !important;
	clear:both;
	float:left;
}
  
#conteudos .column1 div.inner, #conteudos .column2 div.inner {
	overflow-y:visible;
}

#conteudos .column div.inner {
	display:inherit;
  	width:auto;
  	height:50%;
  	font-size:90%;
  	position:relative;
  	left:0%;
  	right:0%;
  	bottom:8%;
}
  
#conteudos > div.inner {
  	overflow:auto;
  	top:22%;
  	width:80%;
  	position:relative;
} 
.items-row .item, .column {
	width: auto !important;
	float: none;
	margin: 0 !important;
}

.column div.moduletable, .column div.moduletable_menu {
	float: none;
	width: auto !important;
}

/** specifique au formulaire de contact **/
.contact form fieldset dt {
	max-width: 80px;
}

.contact input, .contact textarea {
	max-width: 160px;
}
  
#ephtm-3-mod-centro-esquerda > div.inner {
	width: 100% !important;
  	height:50%;
    font-size:80%;
  	margin-top:25%;
}
  
#vina-slicebox-slider379{
    width: 100% !important;
  	height:50%;
    font-size:0.8em;
} 
  
.vina-slicebox-slider .sb-slider img {
    max-width: 100% !important;
  	width: 100% !important;
  	height:100%;
    font-size:0.8em;	
  	margin-left:0%;
  	margin-right:0%;
}  
    
#moduloinferior > div.inner {
	margin-top:5%; 
  	position:relative !important; 
}

#moduloinferior  {
  display:inherit !important;
}

#mod-login {
	display:inherit !important;

}
#mod-login >div.inner{
  	display:inherit !important;
  	zoom:0.8 !important;
  	font-size:0.75em;
  
}
#mod-rumos {
	display:inherit !important;
    margin-top: 3.5%;
}
#mod-rumos >div.inner{
  	zoom:1 !important;
}
  
#mod-link-grupo {
	display:inherit !important;
  	margin-top:-2.5%;
}
  
#mod-img {
	display:inherit !important;
  	margin-top: 3%;
    margin-right: -4%;
    margin-left: 4%;
}

#mod-social-links {
	display:inherit !important;
}
}


/*______________________________(min-width: 524px) and (max-width: 652px) landscape ______________________________________________*/

@media screen and (min-width: 524px) and (max-width: 652px) and (orientation:landscape) {

img {
max-width: 100% !important;
height: auto !important;
}

.container {
width: auto !important;
}

.hidemobile1 {
display: none !important;
}
#logo {
   	position:fixed;
    width:80%;
    left:10%;
  	right:10%;
	z-index:9999001;
    padding-top:7%;
   	padding-bottom:3%;
  	background:#ffffff;
}
#logo img {
	width:5%;
  	zoom:100%;
}
#logo > div.inner {
	font-size: 0.85em;
  	
}
#menu {
	display: inherit;
  	position:fixed;
  	top:0%;
  	width:100%;
  	z-index:9999999;
}
  
.mobilebarmaximenuck .mobilebarmenutitleck{
    zoom:70%; 
} 
 
.mobilebuttonmaximenuck{
    margin-top:1px !important;
}  
.mobilemaximenuck{
    zoom:70%;
}
  
#flags {
  	position:fixed;
	margin-top:3.6%;
	height:12%;
	left:6%;
	right:70%;
	z-index:9999004;
}
  
#flags > div.inner{
    zoom:0.9;
}  

#meo {
   	width:40%;
	position:fixed;
	top:8%;
	right:10%;
	left:auto;
  	z-index:9999006;
} 
  
#conteudos .column {
	width: 100% !important;
	clear:both;
	float:left;
}
  
#conteudos .column1 div.inner, #conteudos .column2 div.inner {
	overflow-y:visible;
}

#conteudos .column div.inner {
	display:inherit;
  	width:auto;
  	height:50%;
  	font-size:90%;
  	position:relative;
  	left:0%;
  	right:0%;
  	bottom:8%;
  	margin-top:0%;
}
  
#conteudos > div.inner {
  overflow:auto;
  margin-top:17% !important;
  height:58% !important;
  position:relative;
  width:80%;
  
}
.items-row .item, .column {
	width: auto !important;
	float: none;
	margin: 0 !important;
}

.column div.moduletable, .column div.moduletable_menu {
	float: none;
	width: auto !important;
}

/** specifique au formulaire de contact **/
.contact form fieldset dt {
	max-width: 80px;
}

.contact input, .contact textarea {
	max-width: 160px;
}
  
#ephtm-3-mod-centro-esquerda > div.inner {
	width: 100% !important;
  	height:50%;
    font-size:80%;
}
  
#vina-slicebox-slider379{
    width: 100% !important;
  	height:50%;
    font-size:0.8em;
} 
  
.vina-slicebox-slider .sb-slider img {
    max-width: 100% !important;
  	width: 100% !important;
  	height:100%;
    font-size:0.8em;	
  	margin-left:0%;
  	margin-right:0%;
}      

#moduloinferior > div.inner {
	margin-top:0%;
  	position:relative !important; 
}

#moduloinferior  {
  	width:auto !important;
  	margin-top:0%;
  	position:relative !important; 
}

#mod-login {
	display:inherit !important;
  	width:40% !important;
  margin-right:6%;
}
#mod-login >div.inner{
  	zoom:0.9 !important;
  font-size:1.2em;
  
}
#mod-rumos {
	display:inherit !important;
  	width:60% !important;
 	margin-left:-65%;
  	margin-right:0%;
  	margin-top:5% !important;
}
#mod-rumos >div.inner{
  	zoom:0.8 !important;
}
  
#mod-link-grupo {
	display:inherit !important;
  	width:auto !important;
}
#mod-link-grupo >div.inner{
	zoom:0.8 !important;
}
  
#mod-img {
	display:inherit !important;
  	width:60%!important;
}
#mod-img > div.inner {
  	margin-top:-21% !important;
  	margin-left:72%;
}

#mod-social-links {
	display:inherit !important;
  	width:100% !important;
	margin-top:-37%;
}
#mod-social-links > div.inner {
  	zoom:1;
} 
}


/*__________________________(min-width: 524px) and (max-width: 652px) portrait _________________________________________________*/

@media screen and (min-width: 524px) and (max-width: 652px) and (orientation:portrait) {

img {
max-width: 100% !important;
height: auto !important;
}

.container {
width: auto !important;
}

.hidemobile1 {
display: none !important;
}
#logo {
   	position:fixed;
	top:0%;
    width:95%;
    left:2.5%;
  	right:2.5%;
	z-index:9999001;
    padding-top:13%;
   	padding-bottom:5%;
  	background:#ffffff;
}
#logo img {
	width:8%;
  	zoom:100%;
}
#logo > div.inner {
	font-size: 0.85em;
  	
}
#menu {
	display: inherit;
  	position:fixed;
  	top:0%;
  	width:100%;
  	z-index:9999999;
}
  
.mobilebarmaximenuck .mobilebarmenutitleck{
    zoom:95%; 
} 
  
.mobilemaximenuck{
    zoom:95%;
}
  
#flags {
  	position:fixed;
	margin-top:20%;
	height:12%;
	left:10%;
	z-index:9999004;
}
  
#flags > div.inner{
    zoom:0.9;
}  

#meo {
   	width:40%;
	position:fixed;
	top:14%;
	right:10%;
	left:auto;
  	z-index:9999006;
} 
  
#meo > div.inner{
  	zoom:1;
  	z-index:9999099;
  	margin-top:8%;
}
  
#conteudos .column {
	width: 100% !important;
	clear:both;
	float:left;
}
  
#conteudos .column1 div.inner, #conteudos .column2 div.inner {
	overflow-y:visible;
}

  
#conteudos .column div.inner {
	display:inherit;
  	width:auto;
  	margin-top:55%;
  	font-size:90%;
  	position:relative;
  	left:0%;
  	right:0%;
  	bottom:8%;
  	margin-top:0%;
}
  
#conteudos > div.inner {
  	overflow:auto;
  	top:22%;
  	height:62%;

} 
.items-row .item, .column {
	width: auto !important;
	float: none;
	margin: 0 !important;
}

.column div.moduletable, .column div.moduletable_menu {
	float: none;
	width: auto !important;
}

/** specifique au formulaire de contact **/
.contact form fieldset dt {
	max-width: 80px;
}

.contact input, .contact textarea {
	max-width: 160px;
}
  
#ephtm-3-mod-centro-esquerda > div.inner {
	width: 100% !important;
  	height:50%;
    font-size:80%;
}
  
#vina-slicebox-slider379{
    width: 100% !important;
  	height:50%;
    font-size:0.8em;
} 
  
.vina-slicebox-slider .sb-slider img {
    max-width: 100% !important;
  	width: 100% !important;
  	height:100%;
    font-size:0.8em;	
  	margin-left:0%;
  	margin-right:0%;
}  
   
#moduloinferior  {
	width: 80% !important;
  position:relative !important;
}
  
#moduloinferior  {
  	display:inherit;
  	margin-top:0%;
  	position:relative !important;
  	z-index:1;
}

#mod-login {
  	position:fixed;
    width:30% !important;
  	bottom:8%;
  	left:10%;
  	font-size:76%;
}
#mod-login >div.inner{
  	zoom:0.8 !important;
  	z-index:9999999;
}
#mod-rumos >div.inner {
  	position:fixed !important;
  	left:0%;
  	bottom:5%;
  	height:0.01% !important;
  	width:auto !important; /* 40%*/
 	z-index:1;
}
#mod-rumos img {
	margin-bottom:6%;
}
 
#mod-link-grupo {
  	position:fixed;
  	width:15%;
  	left:42.5%;
  	right:40%;
 	bottom:7%;
  	zoom:0.75;
}
  
#mod-img , #mod-img img{
  	position:fixed;
  	height:0%;
  	width:40% !important;
 	z-index:1;
  	margin-left:13%;
  	bottom:2.5%;
}

#mod-social-links {
  	position:fixed;
  	width:20% !important;
  	margin-left:60%;
  	height:0%;
  	margin-top:3%;
}
#mod-social-links > div.inner {
  	zoom:1;
}
}


/*_________________________________________(max-width: 524px) landscape ___________________________________________________*/

@media screen and (max-width: 524px) and (orientation:landscape) {

img {
max-width: 100% !important;
height: auto !important;
}

.container {
width: auto !important;
}

.hidemobile1 {
display: none !important;
}
#logo {
   	position:fixed;
    width:80%;
    left:10%;
  	right:10%;
	z-index:9999001;
    padding-top:7%;
   	padding-bottom:7%;
  	background:#ffffff;
}
#logo img {
	width:5%;
  	zoom:100%;
}
#logo > div.inner {
	font-size: 0.85em;
  	
}
#menu {
	display: inherit;
  	position:fixed;
  	top:0%;
  	width:100%;
  	z-index:9999999;
}
  
.mobilebarmaximenuck .mobilebarmenutitleck{
    zoom:69%; 
} 
 
.mobilebuttonmaximenuck{
    margin-top:1px !important;
}  
.mobilemaximenuck{
    zoom:70%;
}
  
#flags {
  	position:fixed;
	margin-top:11.5%;
	left:10%;
	z-index:9999004;
}
  
#flags > div.inner{
    zoom:0.8;
}  

#meo {
   	width:35%;
	position:fixed;
	top:16%;
	right:10%;
	left:auto;
  	z-index:9999006;
} 
  
#meo > div.inner{
  	zoom:1;
  	z-index:9999099;
  	margin-top:8%;
}
  
#conteudos .column {
width: 100% !important;
clear:both;
float:left;
}
  
#conteudos .column1 div.inner, #conteudos .column2 div.inner {
	overflow:visible;
}

  
#conteudos .column div.inner {
	display:inherit;
  	width:auto;
  	height:35%;
  	font-size:90%;
  	/*margin-top:5%;*/
  	position:relative;
  	zoom:0.8;
  	left:0%;
  	right:0%;
  	bottom:8%;
}  
  
#conteudos > div.inner {
  overflow:auto;
  margin-top:23% !important;
  height:58% !important;
  position:relative;
  width:80%;
  
} 
.items-row .item, .column {
	width: auto !important;
	float: none;
	margin: 0 !important;
}

.column div.moduletable, .column div.moduletable_menu {
float: none;
width: auto !important;
/*margin: 0 !important;
padding: 0 !important;*/
}

/** specifique au formulaire de contact **/
.contact form fieldset dt {
max-width: 80px;
}

.contact input, .contact textarea {
max-width: 160px;
}
  
#ephtm-3-mod-centro-esquerda > div.inner {
	width: 100% !important;
  	height:50%;
    font-size:80%;
}
  
#vina-slicebox-slider379{
    width: 100% !important;
  	height:50%;
    font-size:80%;
} 
  
.vina-slicebox-slider .sb-slider img {
    width: 100% !important;
  	height:50%;
    font-size:80%;	 
}

    

#moduloinferior  {
	width: 80% !important;
}
  

#moduloinferior > div.inner {
	margin-top:0%; 	
  	position:relative !important;
}

#moduloinferior  {
	display:inherit !important;
  	width:auto !important;
}

#mod-login {
	display:inherit !important;
  	width:40% !important;
  	margin-right:6%;
}
#mod-login >div.inner{
  	zoom:0.8 !important;
  	font-size:1em;
  
}
#mod-rumos {
	display:inherit !important;
  	width:60% !important;
 	margin-left:-65%;
  	margin-right:0%;
  	margin-top:9% !important;
  	margin-bottom:3%;
}
#mod-rumos >div.inner{
  	zoom:0.8 !important;
}
  
#mod-link-grupo {
	display:inherit !important;
  	width:auto !important;
  	zoom:0.8;
  	margin-left:0%;
}
#mod-link-grupo >div.inner{
	zoom:0.6 !important;
}
  
#mod-img {
	display:inherit !important;
  	width:45%!important;
}
#mod-img > div.inner {
  	margin-top:14% !important;
  	margin-right:-45%;
}

#mod-social-links {
	display:inherit !important;
	margin-top:-14%;
  	margin-left:44%;
}
}

/*___________________________________________(min-width: 321px) (max-width:524px)  portrait_____________________________________________*/

@media screen and (min-width: 321px)and (max-width:524px) and (orientation:portrait) {

img {
max-width: 100% !important;
height: auto !important;
}

.container {
width: auto !important;
}

.hidemobile1 {
display: none !important;
}
#logo {
   	position:fixed;
	top:2%;
    width:90%;
    left:5%;
  	right:5%;
	z-index:9999001;
    padding-top:13%;
   	padding-bottom:6%;
  	background:#ffffff;
}
#logo img {
	width:7%;
  	zoom:100%;
}
#logo > div.inner {
	font-size: 0.95em;
  	
}
#menu {
	display: inherit;
  	position:fixed;
  	top:0%;
  	width:100%;
  	z-index:9999999;
}
  
.mobilebarmaximenuck .mobilebarmenutitleck{
    zoom:85%; 
} 
  
.mobilemaximenuck{
    zoom:85%;
}
  .mobilebuttonmaximenuck{
    line-height:18px !important;
  }   
#flags {
  	position:fixed;
	margin-top:23.5%;
	left:9%;
	z-index:9999004;
}
  
#flags > div.inner{
    zoom:0.9;
}  

#meo {
   	width:60%;
	position:fixed;
	top:16.5%;
	right:10%;
	left:auto;
  	z-index:9999006;
} 
  
#meo > div.inner{
  	zoom:1;
  	z-index:9999099;
  	margin-top:8%;
}
  
#conteudos .column {
	width: 100% !important;
	clear:both;
	float:left;
}
  
#conteudos .column1 div.inner, #conteudos .column2 div.inner {
	overflow-y:visible;
}

  
#conteudos .column div.inner {
	display:inherit;
  	width:auto;
  	height:50%;
  	font-size:90%;
  	position:relative;
  	left:0%;
  	right:0%;
  	bottom:8%;
}
  
#conteudos > div.inner {
  	overflow:auto;
  	top:28%;
  	height:55%;

} 
.items-row .item, .column {
	width: auto !important;
	float: none;
	margin: 0 !important;
}

.column div.moduletable, .column div.moduletable_menu {
	float: none;
	width: auto !important;
}

/** specifique au formulaire de contact **/
.contact form fieldset dt {
	max-width: 80px;
}

.contact input, .contact textarea {
	max-width: 160px;
}
  
#ephtm-3-mod-centro-esquerda > div.inner {
	width: 100% !important;
  	height:50%;
    font-size:80%;
}
  
#vina-slicebox-slider379{
    width: 100% !important;
  	height:50%;
    font-size:0.8;
} 
  
.vina-slicebox-slider .sb-slider img {
    max-width: 100% !important;
  	width: 100% !important;
  	height:100%;
    font-size:0.8em;	
  	margin-left:0%;
  	margin-right:0%;
} 
#moduloinferior  {
  	display:inherit;
  	margin-top:0%;
  	position:relative !important;
  	z-index:1;
}

#mod-login {
  	position:fixed;
    width:30% !important;
  	bottom:8%;
  	left:10%;
  font-size:90%;
}
#mod-login >div.inner{
  	zoom:0.8 !important;
  	z-index:9999999;
}
#mod-rumos >div.inner {
  	position:fixed !important;
  	left:-6.5%;
  	bottom:7.5%;
  	height:0.01% !important;
  	width:auto !important; /* 40%*/
 	z-index:1;
}
#mod-rumos img {
	margin-bottom:6%;
}
  
#mod-link-grupo {
  	position:fixed;
  	width:15%;
  	left:43.5%;
  	right:40%;
 	bottom:7%;
  	zoom:0.75;
}
  
#mod-img , #mod-img img{
  	position:fixed;
  	height:0%;
  	width:40% !important;
 	z-index:1;
  	margin-left:13%;
  	bottom:2.5%;
}

#mod-social-links {
  	position:fixed;
  	width:20% !important;
  	margin-left:60%;
  	height:0%;
  	z-index:1;
}
}
/*___________________________________________(width: 320px)  portrait___________________________________________________*/

@media screen and (width:320px)  and (orientation:portrait) {

img {
max-width: 100% !important;
height: auto !important;
}

.container {
width: auto !important;
}

.hidemobile1 {
display: none !important;
}
#logo {
   	position:fixed;
	top:2%;
    width:80%;
    left:10%;
  	right:10%;
	z-index:9999001;
    padding-top:13%;
   	padding-bottom:13%;
  	background:#ffffff;
}
#logo img {
	width:7%;
  	zoom:100%;
}
#logo > div.inner {
	font-size: 0.95em;
  	
}
#menu {
	display: inherit;
  	position:fixed;
  	top:0%;
  	width:100%;
  	z-index:9999999;
}
  
.mobilebarmaximenuck .mobilebarmenutitleck{
    zoom:85%; 
} 
  
.mobilemaximenuck{
    zoom:85%;
}
  .mobilebuttonmaximenuck{
    margin-top:3px;
}
  .mobilebarmaximenuck .mobilebuttonmaximenuck{
    line-height:15px !important;
}   
  
#flags {
  	position:fixed;
	margin-top:23%;
	left:7%;
	z-index:9999004;
}
  
#flags > div.inner{
    zoom:0.9;
}  

#meo {
   	width:60%;
	position:fixed;
	top:16.5%;
	right:10%;
	left:auto;
  	z-index:9999006;
} 
  
#meo > div.inner{
  	zoom:1;
  	z-index:9999099;
  	margin-top:8%;
}
  
#conteudos .column {
	width: 100% !important;
	clear:both;
	float:left;
}
  
#conteudos .column1 div.inner, #conteudos .column2 div.inner {
	overflow-y:visible;
}

  
#conteudos .column div.inner {
	display:inherit;
  	width:auto;
  	height:50%;
  	font-size:90%;
  	position:relative;
  	left:0%;
  	right:0%;
  	bottom:8%;
}
  
#conteudos > div.inner {
  	overflow:auto;
  	top:29%;
  	height:52%;

} 
.items-row .item, .column {
	width: auto !important;
	float: none;
	margin: 0 !important;
}

.column div.moduletable, .column div.moduletable_menu {
	float: none;
	width: auto !important;
}

/** specifique au formulaire de contact **/
.contact form fieldset dt {
	max-width: 80px;
}

.contact input, .contact textarea {
	max-width: 160px;
}
  
#ephtm-3-mod-centro-esquerda > div.inner {
	width: 100% !important;
  	height:50%;
    font-size:80%;
}
  
#vina-slicebox-slider379{
    width: 100% !important;
  	height:50%;
    font-size:0.8;
} 
  
.vina-slicebox-slider .sb-slider img {
    max-width: 100% !important;
  	width: 100% !important;
  	height:100%;
    font-size:0.8em;	
  	margin-left:0%;
  	margin-right:0%;
} 

#moduloinferior  {
  	display:inherit;
  	margin-top:0%;
  	position:relative !important;
  	z-index:1;
}

#mod-login {
  	position:fixed;
    width:30% !important;
  	bottom:8%;
  	left:10%;
  	font-size:76%;
}
#mod-login >div.inner{
  	zoom:0.8 !important;
  	z-index:9999999;
}
#mod-rumos >div.inner {
  	position:fixed !important;
  	left:-6.5%;
  	bottom:7.5%;
  	height:0.01% !important;
  	width:auto !important; /* 40%*/
 	z-index:1;
}
#mod-rumos img {
	margin-bottom:6%;
}
 
#mod-link-grupo {
  	position:fixed;
  	width:15%;
  	left:42.5%;
  	right:40%;
 	bottom:7%;
  	zoom:0.75;
}
  
#mod-img , #mod-img img{
  	position:fixed;
  	height:0%;
  	width:40% !important;
 	z-index:1;
  	margin-left:13%;
  	bottom:2.5%;
}

#mod-social-links {
  	position:fixed;
  	width:20% !important;
  	margin-left:60%;
  	height:0%;
  	z-index:1;
}
#mod-social-links > div.inner {
  	zoom:1;
}
}