/* Light */
@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 300;
	src: local('Roboto-Light'), url("Roboto-Light.ttf") format('truetype');
}

*{
  	margin: 0; padding: 0;
   }
  html{
  	background: linear-gradient(
		     220deg,
         lightblue,
         rgba(0,0,0,.8)
		);
  }
  body{
  	width: 1000px; 
  	height: 800px; 
  	margin: auto;  	        
    background: rgba(255,255,255,.2); 
    border-radius: 20px;
    font-family: 'Roboto', sans-serif;
  }  
  header{
  	width: 1000px;
  	height: 200px;  	
  }
  nav{
  	width: 1000px;
  	height: 50px;  	
  }
  main{
  	width: 1000px;
  	height: 500px;   	 	
  }

  footer{
  	width: 1000px;
  	height: 50px;  	
  }


  #logo{
  	width: 200px;
  	height: 200px;
  	float: left;  	
  }

  #banner{
  	width: 800px;
  	height: 200px;
  	float: right;  	
  }

  article{
  	width: 660px;
  	height: 500px;
  	float: left;
  	padding-left: 20px;
  	padding-right: 20px;
  	background: rgba(255,255,255,.2);
  }

   aside{
  	width: 300px;
  	height: 500px;
  	float: left;  	
  }

  strong{
    font-size: 25px;  
    color: rgb(1,112,186);  
  }
  em{
     color: rgb(1,112,186); 	
  }
  


  .divScroll {
            overflow:scroll;
            width:660px;
            height:500px;            
  }

  p{
    text-align:justify;
  }