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


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

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

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

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

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

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

ul{
	list-style:none;
}

li{
	width:27%;
	display:inline-block;
	vertical-align:top;
	font-family:Arial, Helvetica, sans-serif;
	color:#414141;
	font-size:16px;
}


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





li#cub{
	width:25%;
	display:inline-block;
	vertical-align:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	
	
	
	margin:2.5em;
	margin-top:0.8em;
	margin-bottom:0.8em;
	
	


}



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

section#wid{
	width:50%;
	padding:0.8em;
   
	

font-family:Arial, Helvetica, sans-serif;

}
	
	



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



img#city{
	width:100%;
	max-height:100%;
	height:50%;
}

img#eface{
	
	position: absolute;
	right:3em;
	top:-0.5em;
	z-index:2;
	width:3%;
	

	
}

img#etwit{
	position: absolute;
	right:0.3em;
	top:-0.5em;
	z-index:2;
	width:3%;


	
}







img.desaturate { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);
      -ms-filter: grayscale(100%); filter: grayscale(100%);}

img:hover{-webkit-filter:none; -moz-filter:none; -ms-filter:none; filter:none;}




a{color:#CCC; text-decoration:none;}

a#m{color:#000; text-decoration:none;}



footer{
	
  width:100%;
  margin:0 auto;
  padding:0 auto;
  background:url(../img/tweed.png);
  background-repeat:repeat;

  text-align:center;
  height:60px;
  
  
  
  font-family:Arial, Helvetica, sans-serif;
  
 
}

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

section#content{
	text-align:center;
	
}

section#wid{
	
	width:50%;
	padding:0.6em;
	margin:0.8em ;
	margin-bottom:0.4em;
	text-align:justify;
	font-size:18px;
	color:#FFF;
	background:#000;
	background: rgb(0, 0, 0); /* Fall-back for browsers that don't
                                    support rgba */
    background: rgba(0, 0, 0, .2);
	
	
	display:inline-block;
	
	

}

section#vinc{
	
	width:40%;
	padding:0.6em;
	margin:0.8em ;
	margin-bottom:0.4em;
	text-align:center;
	font-size:18px;
	color:#FFF;
	
	vertical-align:top;
	
	display:inline-block;
	background:#000;
	background: rgb(0, 0, 0); /* Fall-back for browsers that don't
                                    support rgba */
    background: rgba(0, 0, 0, .2);
	

	

	
	
	

}

img#lo{
	width:60%;
}






aside#menu{
	width:60%;
	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#eface{
	
	position: absolute;
	right:3em;
	top:-0.5em;
	z-index:2;
	width:3%;
	

	
}

img#etwit{
	position: absolute;
	right:0.3em;
	top:-0.5em;
	z-index:2;
	width:3%;


	
}



}

@media(max-width: 1080px){
	section#logo{
	width:90%;
	display:block;
	
	text-align:left;
	
	
    }
	
	section#content{
	width:100%;
	display:block;
	margin:0 auto;
	padding:0 auto;
	text-align:left;
	height:100%;
	
	
	
	
	
	
    }
	section#wid{
	
	width:40%;
	padding:0.6em;
	margin:0.5em ;
	margin-bottom:0.4em;
	text-align:justify;
	font-size:18px;
	color:#FFF;
	background: rgb(0, 0, 0); /* Fall-back for browsers that don't
                                    support rgba */
    background: rgba(0, 0, 0, .2);
	
	
	display:inline-block;
	
	

}

section#vinc{
	
	width:45%;
	padding:0.6em;
	margin:0.8em ;
	margin-bottom:0.4em;
	text-align:center;
	font-size:18px;
	color:#FFF;
	background: rgb(0, 0, 0); /* Fall-back for browsers that don't
                                    support rgba */
    background: rgba(0, 0, 0, .2);

	vertical-align:top;
	
	display:inline-block;
	
	

}

img#lo{
	width:100%;
	
}
	
	


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

	text-align:center;
	vertical-align:text-bottom;
	
    }
	
	li{
	width:26%;
	display:inline-block;
	
	padding:0.4em;
	font-family:Arial, Helvetica, sans-serif;  
 	color:#414141;
	font-size:16px;
	vertical-align:text-bottom;
	
    }
	
	
   
    
   
   img#city{
	width:100%;
	
    }

   img#eface{
	
	position: absolute;
	right:3em;
	top:-0.5em;
	z-index:2;
	width:4%;
	

	
}

img#etwit{
	position: absolute;
	right:0.3em;
	top:-0.5em;
	z-index:2;
	width:4%;


	
}
    li#cub{
	width:30%;
	display:inline-block;
	vertical-align:top;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	
	
	text-align:center;
	margin:0.5em auto;
	
	
}


footer{
	
  width:100%;
  margin:0 auto;
  padding:0 auto;
  background:url(../img/tweed.png);
  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;
	height:100%;
	
	
	
	
    }
	
	section#content{
	width:100%;
	display:block;
	margin:0 auto;
	padding:0 auto;
	text-align:center;
	
	
	
	
	
	
    }
	
	section#wid{
	
	width:40%;
	padding:0.6em;
	margin:0.8em ;
	margin-bottom:0.4em;
	text-align:justify;
	font-size:16px;
	color:#FFF;
	background: rgb(0, 0, 0); /* Fall-back for browsers that don't
                                    support rgba */
    background: rgba(0, 0, 0, .2);
	
	
	display:inline-block;
	
	

}

section#vinc{
	
	width:40%;
	padding:0.6em;
	margin:0.8em ;
	margin-bottom:0.4em;
	text-align:center;
	font-size:18px;
	color:#FFF;
	background: rgb(0, 0, 0); /* Fall-back for browsers that don't
                                    support rgba */
    background: rgba(0, 0, 0, .2);

	vertical-align:top;
	
	display:inline-block;
	

}

img#lo{
	width:100%;
	
}
	
	
	


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

	text-align:center;
	vertical-align:text-bottom;
	
    }
	
	li{
	width:30%;
	display:inline-block;
	
	padding:0.4em;
	font-family:Arial, Helvetica, sans-serif;  
 	color:#414141;
	font-size:14px;
	vertical-align:text-bottom;
	
    }
	
   
   img#city{
	width:100%;
	
    }

   img#eface{
	
	position: absolute;
	right:2.5em;
	top:-0.5em;
	z-index:2;
	width:5%;
	

	
}

img#etwit{
	position: absolute;
	right:0.3em;
	top:-0.5em;
	z-index:2;
	width:5%;


	
}

    li#cub{
	width:30%;
	display:inline-block;
	vertical-align:top;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	
	
	text-align:center;
	margin:0.5em auto;
	
	
}

img#en{
	width:80%;
}

footer{
	
  width:100%;
  margin:0 auto;
  padding:0 auto;
  background:url(../img/tweed.png);
  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;
	


	
	
	
	
	
    }
	
		
 
	
	section#wid{
	
	width:90%;
	padding:0.6em;
	margin:0.8em ;
	margin-bottom:0.4em;
	text-align:justify;
	font-size:16px;
	color:#FFF;
	background: rgb(0, 0, 0); /* Fall-back for browsers that don't
                                    support rgba */
    background: rgba(0, 0, 0, .2);

	
	
	display:block;
	
	

}

section#vinc{
	
	width:90%;
	padding:0.6em;
	margin:0.8em ;
	margin-bottom:0.4em;
	text-align:center;
	font-size:18px;
	color:#FFF;
	background: rgb(0, 0, 0); /* Fall-back for browsers that don't
                                    support rgba */
    background: rgba(0, 0, 0, .2);
	
	
	vertical-align:top;
	
	display:block;
	
	

}

img#lo{
	width:100%;
	
}

	
	


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

	text-align:center;
	vertical-align:text-bottom;
	
    }
	
	li{
	width:40%;
	display:inline-block;
	
	padding:0.8em;
	font-family:Arial, Helvetica, sans-serif;  
 	color:#414141;
	font-size:13px;
	vertical-align:text-bottom;
	
	
    }
	
	
   
   img#city{
	width:100%;
	
}

   img#eface{
	
	position: absolute;
	right:2em;
	top:-0.5em;
	z-index:2;
	width:8%;
	

	
}

img#etwit{
	position: absolute;
	right:0.3em;
	top:-0.5em;
	z-index:2;
	width:8%;


	
}

    li#cub{
	width:30%;
	display:inline-block;
	vertical-align:top;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	
	
	text-align:center;
	margin:0.2em auto;
	padding:0.2em auto;
	
	
	
}

img#en{
	width:100%;
}

footer{
	
  width:100%;
  margin:0 auto;
  padding:0 auto;
  background:url(../img/tweed.png);
  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;
	
}
	
	

	
	
}

@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;
	
	
	
	
	
	
	
	
    }
	section#wid{
	
	width:85%;
	padding:0.6em;
	margin:0.8em ;
	margin-bottom:0.4em;
	text-align:justify;
	font-size:16px;
	color:#FFF;
	background: rgb(0, 0, 0); /* Fall-back for browsers that don't
                                    support rgba */
    background: rgba(0, 0, 0, .2);
	
	
	
	display:block;
	
	

}

section#vinc{
	
	width:85%;
	padding:0.6em;
	margin:0.8em ;
	margin-bottom:0.4em;
	text-align:center;
	font-size:18px;
	color:#FFF;
	background: rgb(0, 0, 0); /* Fall-back for browsers that don't
                                    support rgba */
    background: rgba(0, 0, 0, .2);
	
	vertical-align:top;
	
	display:block;
	
	

}

img#lo{
	width:100%;
	
}
	
	


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

	text-align:center;
	vertical-align:text-bottom;
	
    }
	
	li{
	width:35%;
	display:inline-block;
	vertical-align:middle;
	padding:0.4em;
	margin:0.4em;
	font-family:Arial, Helvetica, sans-serif;
 	color:#040404;
	font-size:15px;

	border-style:solid;
    border-width:2px;
	border-color:#040404;

	

	
	
    }
	
	
   
   img#city{
	width:100%;
	
}

  img#eface{
	
	position: absolute;
	right:2em;
	top:-0.5em;
	z-index:2;
	width:8%;
	

	
}

img#etwit{
	position: absolute;
	right:0.3em;
	top:-0.5em;
	z-index:2;
	width:8%;


	
}

    li#cub{
	width:80%;
	display:block;
	vertical-align:top;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	
	
	text-align:center;
	margin:0.5em auto;
	border-style:none;
	
	
	
}

img#en{
	width:100%;
}

footer{
	
  width:100%;
  margin:0 auto;
  padding:0 auto;
  background:url(../img/tweed.png);
  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;
	
}
	
	
}