/*BODY*/

     body {
          margin: 60px;
     }


 #content {
	position: relative;
	left: 2%;
	text-align: center;
     }

/*WRAPPER*/

     #wrapper {
          width: 100%;
          height: 100%;
     }


/*TITLE*/

     #title {
          position: fixed;     
          width: 100%;
          margin: 0px;
     }
     
     h1   {
          font-size: 36px;
          color: black;
     }

     h2   {
          font-size: 15px;
          color: black;
          font-weight: 100;
          
     }     
     
     #title > h1 {
         margin: 0px;
     }
     
     #title > h2 {
         margin-top: 0px;
         margin-bottom: 90px;
     }

     

/*MENU*/

     h3   {
          font-size: 15px;
          color: black;
          font-weight: 100;
     }
     
     h4   {
          font-size: 15px;
          color: black;
          font-weight: 100;
     }
     
     #menu a {
         text-decoration: none;
     }
     
     #menu h3 {
          opacity: 0.3;
          margin-top:30px;
          margin-bottom:30px;
     }
     
     #menu h4 {
          opacity: 0.9;
          margin-top:30px;
          margin-bottom:30px;
     }
          
     #menu a:hover h3{
         opacity: 0.9;
     }


  
     
     
/*Content*/
     ul      {
         left: 30%;
         padding: 0px;
     }
   
     
    .image {
          display: inline-block;
          width: 600px;
          margin: 18px;
          position: relative;
          vertical-align: middle;
          margin-top: 0px;
          text-align: center;
     }
     
     .image img {
          width: 100%;
     }
     .info {
          display: inline-block;
          width: 600px;
          margin: 18px;
          position: relative;
          vertical-align: center;
          margin-top: 10%;
          text-align: left;
     }
     
     .info img {
          width: 45px;
          margin-top: 15px;
          margin-bottom: 15px;
     }
     
     .info > a > img:hover {
         opacity: 0.1;
     }
     

/*LOGO_white*/

     #logowhite   {
          position: fixed; 
          right: 60px;
          bottom: 60px;
     }
     
    #logowhite img  {
          width: 90px;
          height: 90px;
     }


/*copy right*/

     #copyright { 
          bottom: 60px;
          width: 100%;
          margin-bottom: 0px;
          position: fixed;     
     }
     
     #copyright > p {
         margin-bottom: 0px;
         font-size: 9px;
         font-weight: 100;
     }

     p     {
          text-decoration: none;
          font-size: 12px;
          color: black;
          font-weight: 100;
     }