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

*, *:before, *:after {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}


body, section, article, main, footer, aside, header, p, h1, h2, h3, h4, h5, h6
{
	margin:0;
	padding:0;
}

img,
picture,
video,
embed 
{
   max-width: 100%;
}



#main .bloco-capa a
{
	display:flex;
	justify-content: center;
	align-items: center;
	
	height:100%;
	
	width:100%;
	font-size:120%;
		
	text-decoration:none;
	text-align: center;
}


.link-flex
{
	/* PRODUZIR LINK FLEX PARA OCUPAR TODA DIV no hover *********************************************************/
}

body 
{
	display:grid;
	grid-template-rows: 100vh;
  	background: aquamarine;
  	font-size: 100%;
  	font-family:verdana;
  	background-color:#000;
	background-image: url(../imagens/bg.jpg);
	
	background-repeat: no-repeat;
	background-clip: content-box;
	background-position: center;
	background-attachment: fixed;
	background-size:cover;
	

}


#main
{
	display:grid;	
	/*background-color:#333;*/
	
	/*
	border-style:solid;
	border-width:2px;
	border-color:#aaa;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
	*/
	
}



/* 801 px*/
@media (min-width:801px)
{

	#main
	{
		
		grid-template-columns: 1fr;
		grid-template-rows: 1fr auto auto auto;
		/*border-bottom-right-radius: 20px;
		border-top-left-radius:20px;*/

		justify-content: center;
		align-content: stretch;
		
		margin:auto 10vw;
		
		min-height:70vh;
		text-align:center;

		align-items:stretch;

		grid-gap:1rem;
		padding:1em;
	}
	
	.bloco-logo
	{
		margin:0;
	}
	
	.bloco-logo a
	{
		padding:0;
		margin:0;
		background-color:transparent;
		display:flex;
		align-content: center;
		align-items: center;
		justify-content: center;
	}
	
	.img-logo
	{
		border:0; padding:0; display:block; clear:both; width:35%;
	}
	

	/* ms bio tech */
	.slogan-msbio
	{
		display:block;
		color:#fff;
		font-family: 'Oswald', sans-serif;
		font-size:250%;
		margin:0 auto;
		padding:0;
	}	
	
	
	.bloco-capa
	{
		position:relative;
		display:flex;

		/*box-shadow: 3px 3px 3px rgba(0,0,0,0.5);*/

		border-style:dashed;
		border-width:1px;
		border-color:#93ff5c;

		font-family:arial;
		font-size:150%;
		color:#fff;
		
		background-image: url("../imagens/bg-blocos.png");


		justify-content:center;
		align-content:stretch;
		align-items: center;
		background-color:transparent;

		padding:20px;
		margin:0 auto;	
		
		width:70%; 

	}	
	
	.bloco-info
	{
		position:relative;		
		display:block;
		text-align:left;
		
		border-style:dashed;
		border-width:1px;
		border-color:#93ff5c;		
		
		padding:25px;
		margin:0 auto;
		width:70%;
		color:#FFFFFF;
		background-image: url("../imagens/bg-blocos.png");
	}
	
	.bloco-info a
	{
		text-decoration:none;
		padding:0;
		margin:0;
		height:auto;
		color: #fff;
		width:auto;
		font-size:100%;

		text-decoration:none;
		text-align: center;		
		
	}
	
	
	
	.bloco-capa-links
	{
		margin:0 auto;
		padding:0;
	}
	
	.bloco-capa-links a
	{
		display:block;
		padding:25px;
		background-color:transparent;
		color:#fff;
		margin:0;
		
	}
	
	
	
	.bloco-capa-links a:hover
	{
		
		color:#00FD73;
		background-color:#278A0F;
	}
		

}/*fim 801 px */





/* 1000px */
@media (max-width: 1000px)
{

}/*FIM 1000px */



/* 800px */
@media (max-width:800px)
{
	#main
	{
		
		grid-template-columns: 1fr;
		grid-template-rows: 1fr auto auto auto;
		/*border-bottom-right-radius: 20px;
		border-top-left-radius:20px;*/

		justify-content: center;
		align-content: stretch;
		
		margin:auto 10vw;
		
		min-height:70vh;
		text-align:center;

		align-items:stretch;

		grid-gap:1rem;
		padding:0;
	}
	
	.bloco-logo
	{
		margin:0;
	}
	
	.bloco-logo a
	{
		padding:0;
		margin:0;
		background-color:transparent;
		display:flex; 
		align-content: center; 
		align-items: center;
		justify-content: center;
	}
	
	

	/* ms bio tech */
	.slogan-msbio
	{
		display:block;
		color:#fff;
		font-family: 'Oswald', sans-serif;
		font-size:200%;
		margin:0 auto;
		padding:0;
	}	
	
	
	.bloco-capa
	{
		position:relative;
		display:flex;

		/*box-shadow: 3px 3px 3px rgba(0,0,0,0.5);*/

		border-style:dashed;
		border-width:1px;
		border-color:#93ff5c;

		font-family:arial;
		font-size:150%;
		color:#fff;
		
		background-image: url("../imagens/bg-blocos.png");


		justify-content:center;
		align-content:stretch;
		align-items: center;
		background-color:transparent;

		padding:0px;
		margin:0 auto;	
		
		width:90%; 

	}	
	
	.bloco-info
	{
		position:relative;		
		display:block;
		text-align:left;
		
		border-style:dashed;
		border-width:1px;
		border-color:#93ff5c;		
		
		padding:15px;
		margin:0 auto;
		width:90%;
		color:#FFFFFF;
		background-image: url("../imagens/bg-blocos.png");
	}
	
	.bloco-info a
	{
		text-decoration:none;
		padding:0;
		margin:0;
		height:auto;
		color: #fff;
		width:auto;
		font-size:100%;

		text-decoration:none;
		text-align: center;		
		
	}
	
	
		.bloco-capa-links
	{
		margin:0 auto;
		padding:0;
	}
	
	.bloco-capa-links a
	{
		display:block;
		padding:25px;
		background-color:transparent;
		color:#fff;
		margin:0;
		
	}
	
	
	
	.bloco-capa-links a:hover
	{
		
		color:#00FD73;
		background-color:#278A0F;
	}
	
}/* FIM 800px */ 




/* 500px */
@media (max-width:500px)
{

	body
	{
		margin:0;
		padding:0;
	}
	
	
	.bloco-capa-links
	{
		margin:0 auto;
		padding:0;
	}
	
	.bloco-capa-links a
	{
		display:block;
		padding:25px;
		background-color:transparent;
		color:#fff;
		margin:0;
		
	}
	
	
	
	.bloco-capa-links a:hover
	{
		
		color:#00FD73;
		background-color:#278A0F;
	}	
	
} /* FIM 500PX */




img
{
	max-width:100%;
}