html{
-webkit-tap-highlight-color: rgba(0,0,0,1);
text-rendering: optimizeLegibility;

}

body{
margin:0;
background-color:#FFF;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color:#000;
font-weight:bold;
font-size:1em;
line-height:1.6em;
letter-spacing:1px;
outline:none;
height:100%;
text-rendering: optimizeLegibility;

}


button, button:active, button:visited	{
font-size: 90%;
font-weight: 600;
letter-spacing:1px;
outline: none; 
z-index:1000;
text-align:center;
margin-bottom:16px; 
margin-left:6px; 
padding: 10px 18px 10px 18px; 
border-radius: 24px; 
cursor: pointer;

background-color: #FFF;
color: #000;
border: 0px solid #fff; 
box-shadow: 0 2px 10px 0 rgba(0,0,0,0.2), 0 4px 20px 0 rgba(0,0,0,0.1);}

button:hover {
	cursor: pointer;
background-color: #000;
color: #FFF;
box-shadow: 0px 3px 12px 0 rgba(0,0,0,0.6), 0 6px 16px 0 rgba(0,0,0,0.2); }

#nclz				{margin: 2em 0 0 4em; padding: 22px; text-align:left; background-color: transparent; width: auto; height: auto; position: fixed; overflow: visible; cursor: default; outline: none; opacity:1;z-index: 2;}



a, a:active 	{background-color: transparent; outline:none; color:#000; border-bottom:0px solid #000;  text-decoration:none; padding-bottom:1px; cursor:pointer;	

border-color:rgba(0,0,0,0); 
transition: border-color 250ms linear;
-moz-transition: border-color 250ms linear;
-webkit-transition: border-color 250ms linear;
-o-transition: border-color 250ms linear;
-webkit-tap-highlight-color: rgba(0,0,0,1);
}

a:hover			
{color:#FFF;
border-color:rgba(0,0,0,0); 
transition: border-color 500ms linear;
-moz-transition: border-color 500ms linear;
-webkit-transition: border-color 500ms linear;
-o-transition: border-color 500ms linear;
-webkit-tap-highlight-color: rgba(0,0,0,1);

} 



.multiparts		{text-align:center; margin:-20px 0 0 0; background-color: transparent; box-shadow:none; overflow: hidden; }






#data img {
margin:10px; /* shadow! */
margin-top:30px;

max-height:80%;
-webkit-tap-highlight-color: rgba(0,0,0,1);
outline:none;
border:none;
cursor:pointer;

-moz-box-shadow: 0px 0px 24px #CCC; -webkit-box-shadow: 0px 0px 24px #CCC; box-shadow: 0px 0px 24px #CCC;
border-radius: 2px;
}



#data img:hover {
margin:10px; /* shadow! */
margin-top:30px;

max-height:80%;
-webkit-tap-highlight-color: rgba(0,0,0,1);
outline:none;
border:none;
cursor:pointer;

-moz-box-shadow: 0px 0px 20px #BBB; -webkit-box-shadow: 0px 0px 20px #BBB; box-shadow: 0px 0px 20px #BBB;
}


#data {
margin-top:3%; 
margin-right:10%;
margin-bottom:2%;
margin-left: 10%;
position:fixed;
height:96%;
width:80%; cursor:default; outline:none; overflow:hidden; opacity:1; z-index:1; background-color:transparent;}


#menu	{
	padding-top:16px;
cursor:default;
outline:none;
overflow:hidden;
opacity:1;
z-index:4;
width:100%;
bottom:0;
position:fixed;
text-align:center;
background-color:transparent;}


#info {
margin: 40px; height:auto; max-width:1200px; cursor:default; outline:none; z-index:1; background-color:transparent;}






@media (max-width: 800px) {




body			{font-size:1.2em; letter-spacing:0.5px;}

img				{margin:0px; outline:none; max-width:90%; height:auto; max-height:600px; border:none;}

	
#menu			{bottom: 0%; line-height: 1;}


#data			{	
margin-top:1%; 
margin-right:0%;
margin-bottom:0%;
margin-left: 0%;
position:fixed;
height:98%;
width:100%;}


#info {
margin: 20px; height:auto; cursor:default; outline:none; z-index:1; background-color:transparent; line-height: 1;}





button, button:active, button:visited	{
font-size: 0.6em;
font-weight: 600;
letter-spacing:0.5px;
outline: none; 
z-index:1000;
text-align:center;
margin-bottom:10px; 
margin-left:0px; 
padding: 10px 18px 10px 18px; 
border-radius: 24px; 


background-color: #FFF;
color: #000;
border: 0px solid #fff; 
box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.1);}

button:hover {
background-color: #333;
color: #FFF;
box-shadow: 0 6px 12px 0 rgba(0,0,0,0.6), 0 6px 16px 0 rgba(0,0,0,0.2); }

}