@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;
	
}


img#ro:hover{ 
-webkit-filter: drop-shadow(4px 4px 4px rgba(255,255,255, 0.2)) ; filter: drop-shadow(4px 4px 4px rgba(255,255,255, 0.2));}








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

div{
	padding-top:0.8em;
	padding-bottom:0.5em;
}



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

article#logos{
	width:90%;
	padding:0.5em;
	margin:0.5em;
	text-align:left;
	
	display:block;
	
	
}

article#smp{
	width:90%;
	padding:0.5em;
	margin:0.5em;
	text-align:center;
	
	display:block;
	
	
}



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:50%;
}









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



img#maq:hover{
	
-webkit-filter: drop-shadow(12px 12px 12px rgba(0,0,0,0.9));
    filter: url(#drop-shadow);
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
	
	
}


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;
	
}

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

img#lo{
	width:90%;
}

img#ro{
	width:25%;
	margin:0.8em;
	padding:0.5em;
	text-align:center;
}
}

@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:100%;
	}
	
	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%;
}

img#ro{
	width:25%;
	margin:0.8em;
	padding:0.5em;
	text-align:center;
}



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;
	
}

img#ro{
	width:25%;
	margin:0.8em;
	padding:0.5em;
	text-align:center;
}
	

}



@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;
	
}

img#lo{
		width:50%;
	}
	
	
img#ro{
	width:60%;
	margin:0.8em;
	padding:0.5em;
	text-align:center;
}
	
	

	
	
}

@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;
	
	
	
	
	
	
    }
	


    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:50%;
	}

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;
	
}
	
	
}