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


*{
	border:0;
	margin:0;
	padding:0;
}

body{background:url(../img/1200.jpg); background-attachment:fixed; background-repeat:repeat;}

header{width:100%; margin:0 auto; padding:0 auto; background:url(../img/1200.jpg);
  background-repeat:repeat;}

h1{text-align:center; color:#999; font-size:14px; font-family:Arial, Helvetica, sans-serif;}

section#logo{width:10%; display:inline-block; margin:0.7em; padding:0.5em; text-align:center;}

aside#menu{width:70%; display:inline-block; text-align:center; vertical-align:text-bottom;}

ul{list-style:none;}

li#men{width:18%; display:inline-block; vertical-align:text-bottom;
	font-family: 'Allerta Stencil', sans-serif; text-align:center; color:#000; font-size:18px;}

li#leg{width:20%; display:inline-block; vertical-align:top; font-family:Arial, Helvetica, sans-serif;
	color:#999; text-align:center; background:none; border-right-style:solid; border-width:2px;}
	
li#leg1{
	width:20%;
	display:inline-block;
	vertical-align:text-top;
	font-family:Arial, Helvetica, sans-serif;
	color:#040404;
	text-align:center;
	
}


section#content{width:100%; height:100%; margin:0 auto; padding:0 auto;
     background: url(../img/grilledver.png); background-repeat:repeat;}

article{width:40%; padding:0.5em; margin:0.5em; text-align:center; display:inline-block;}

article#info{width:40%; padding:0.8em; margin:0.5em; text-align:justify; font-size:17px; color:#FFF; font-family:Arial, Helvetica, sans-serif; vertical-align:top;}

article#ima{width:40%; padding:0.8em; margin:0.5em; text-align:right; font-size:17px; color:#FFF; font-family:Arial, Helvetica, sans-serif; vertical-align:top;}

img#eface{position: absolute; right:48px; top:-10px; z-index:2; width:3%;}

img#etwit{position: absolute; right:9px; top:-10px; z-index:2; width:3%;}

img#lo{width:70%;}

a{color:#4d8c3f; text-decoration:none;}


footer{width:100%; margin:0 auto; padding:0 auto; background:url(../img/1200.jpg);
  text-align:center; height:60px; color:#999; font-family:Arial, Helvetica, sans-serif;}

@media(min-width:1081px){
	section#logo{
	width:23%;
	display:inline-block;
	margin:0.7em;
	padding:0.5em;
	text-align:center;
	
	
}



aside#menu{
	width:70%;
	display:inline-block;
	margin:0.7em;
	

	text-align:center;
	vertical-align:text-bottom;
	
}
footer{
}

article{
	width:40%;
	padding:0.5em;
	
	font-size:12px;
	margin:0.5em auto;
	text-align:left;
	vertical-align:middle;
	display:inline-block;
	
}

article#ima{width:45%; padding:0.8em; margin:0.5em; text-align:right; font-size:17px; color:#FFF; font-family:Arial, Helvetica, sans-serif; vertical-align:top;}

li#leg{
	width:25%;
	display:inline-block;
	font-size:12px;
	
}
}

@media(max-width: 1080px){
	section#logo{
	width:20%;
	display:inline-block;
	
	text-align:left;

	
    }
	
	section#content{
	width:100%;
	display:block;
	margin:0 auto;
	padding:0 auto;
	
    }
	


    aside#menu{
	width:70%;
	display:inline-block;
	margin:0 auto;
	padding:0 auto;

	text-align:center;
	vertical-align:text-bottom;
	
    }
	
	li#men{
	width:20%;
	display:inline-block;
	
	padding:0.3em;
	margin:0.3em;
	
 	
	font-size:17px;
	vertical-align:text-bottom;
	
    }
	
	img#lo{
		width:70%;
	}
	
	img#eface{
	
	position: absolute;
	right:50px;
	top:0px;
	z-index:2;
	width:4%;
	max-width:10%;
	

	
   }
   
  

   img#etwit{
	position: absolute;
	right:9px;
	top:0px;
	z-index:2;
	width:4%;
	max-width:10%;


	
    }

    

img#en{
	width:80%;
}



footer{
	
  width:100%;
  margin:0 auto;
  padding:0 auto;

  background-repeat:repeat;
  vertical-align:middle;
  margin-top:-0.5em;
  height:300px;
  
 
}

article{
	width:45%;
	padding:0.5em;
	margin:0.5em;
	text-align:center;
	font-size:12px;
	
	display:inline-block;
	

	
	
	
	
	
}


li#leg{
	width:15%;
	display:inline-block;
	font-size:12px;
	
}
footer{
	height:90px;
}
}

@media(max-width:800px){
	
	section#logo{
	width:90%;
	display:block;
	
	text-align:left;
	
	
    }
	
	section#content{
	width:100%;
	display:block;
	margin:0 auto;
	padding:0 auto;
	
    }
	
	
    aside#menu{
	width:95%;
	display:block;
	margin:0.5em auto;
	

	text-align:center;
	vertical-align:text-bottom;
	
    }
	
	li#men{
	width:20%;
	display:inline-block;
	
	padding:0.4em;
	margin:0.4em;

 
	font-size:17px;
	vertical-align:text-bottom;
	
    }
	
	img#lo{
		width:40%;
	}
	
	img#eface{
	
	position: absolute;
	right:45px;
	top:0px;
	z-index:2;
	width:5%;
	max-width:10%;
	

	
   }
   
  
	


   img#etwit{
	position: absolute;
	right:6px;
	top:0px;
	z-index:2;
	width:5%;
	max-width:10%;


	
    }

  

img#en{
	width:80%;
}

footer{
	
  width:100%;
  margin:0 auto;
  padding:0 auto;
 
  background-repeat:repeat;
  vertical-align:middle;
  margin-top:-0.5em;
  height:300px;
  
 
}

article{
	width:40%;
	padding:0.5em;
	
	font-size:12px;
	margin:0.2em auto;
	text-align:left;
	vertical-align:middle;
	display:inline-block;
	
}

li#leg{
	width:25%;
	display:inline-block;
	font-size:12px;
	
}
	

}



@media(max-width: 600px){
	
	
	
	
	section#logo{
	width:90%;
	display:block;
	
	text-align:left;
	
	
    }
	
	section#content{
	width:100%;
	display:block;
	margin:0 auto;
	padding:0 auto;

	
    }
	


    aside#menu{
	width:95%;
	display:block;
	margin:0 auto;
	padding:0 auto;

	text-align:center;
	vertical-align:text-bottom;
	
    }
	
	li#men{
	width:25%;
	display:inline-block;
	
	padding:0.8em;


	font-size:17px;
	vertical-align:middle;
	
	
    }
	
	img#eface{
	
	position: absolute;
	right:45px;
	top:0px;
	z-index:2;
	width:8%;
	

	
   }
  

   img#etwit{
	position: absolute;
	right:6px;
	top:0px;
	z-index:2;
	width:8%;


	
    }

   

img#en{
	width:100%;
}

footer{
	
  width:100%;
  margin:0 auto;
  padding:0 auto;
 
  background-repeat:repeat;
  vertical-align:middle;
  margin-top:-0.5em;
  height:300px;
  
 
}

article{
	width:80%;
	padding:0.5em;
	
	font-size:13px;
	margin:0.5em auto;
	text-align:center;
	vertical-align:middle;
	display:block;
	
}

li#leg{
	width:25%;
	
	font-size:12px;
	
}

article#info{width:90%;  margin:0.8em auto; text-align:justify; font-size:16px;}

article#ima{width:90%;  margin:0.8em auto; text-align:center; font-size:16px;}
	
	

	
	
}

@media(max-width: 360px){
	
	
	
	
	section#logo{
	width:90%;
	display:block;
	
	text-align:left;
	
	
    }
	
	section#content{
	width:100%;
	display:block;
	margin:0 auto;
	padding:0 auto;
	
	
	
	
	
	
    }
	
	article#info{width:90%; margin:0.8em auto; text-align:justify; font-size:16px;}
	


    aside#menu{
	width:95%;
	display:block;
	margin:0 auto;
	padding:0 auto;

	text-align:center;
	vertical-align:text-bottom;
	
    }
	
	li#men{
	width:40%;
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	padding:0.4em;
	margin:0.4em;

 	
	font-size:15px;

	

	

	
	
    }
	
	img#eface{
	
	position: absolute;
	right:30px;
	top:0px;
	z-index:2;
	width:8%;
	

	
   }
   


   img#etwit{
	position: absolute;
	right:2px;
	top:0px;
	z-index:2;
	width:8%;


	
    }

  

img#en{
	width:100%;
}

img#lo{
	width:70%;
}

footer{
	
  width:100%;
  margin:0 auto;
  padding:0 auto;
  
  background-repeat:repeat;
  vertical-align:middle;
  margin-top:-0.5em;
  height:100px;
  
 
}

article{
	width:80%;
	padding:0.5em;
	
	font-size:12px;
	margin:0.5em auto;
	text-align:center;
	vertical-align:middle;
	display:block;
	
}

li#leg{
	width:25%;
	display:inline-block;
	font-size:10px;
	border-style:none;
	border-right-style:solid;
    border-width:1px;
	text-align:center;
	
}
	
	
}





