body		{background-color:#69F;}

#wrapper {background-color:#fff; width:960px; margin:10px auto;}

#top				{height:320px; background-image:url(../images/cover3.jpg);}

#buttons	{width:200px; float:right; color:#fff;}

#buttons a:link			{ text-decoration:none; color:#000;}
#buttons a:visited		{ text-decoration:none; color:#000;}
#buttons a:active		{ text-decoration:none; color:#000;}
#buttons a:hover		{ font-weight:bold; text-decoration:none; color:#000;}
#buttons a:focus		{ font-weight:bold; text-decoration:none; color:#000;}


#buttons ul li		{list-style-type:none; display:inline;}

#dp			{width:200px; float:left; padding-left:20px; padding-top:20px; padding-bottom:10px;}

#name		{width:450px; float:left; padding-top:50px; padding-left:80px; color:#FF0; font-size:24px;}

#nav		{clear:both; float:left; width:960px; background-color:#000;}

#nav ul li	{list-style-type:none; display:inline;
				font-family:"Times New Roman", Times, serif; padding-right:2px; color:#fff;}
				
#nav a:link			{ font-weight:bold; text-decoration:none; color:#fff;}
#nav a:visited		{ font-weight:bold; text-decoration:none; color:#fff;}
#nav a:active		{ font-weight:bold; text-decoration:none; color:#fff;}
#nav a:hover		{ font-weight:bold; text-decoration:none; color:#FF0;}
#nav a:focus		{ font-weight:bold; text-decoration:none; color:#FF0;}

#box1				{float:left; width:259px;}

#box1 h3			{padding-left:20px; border-bottom: 1px #999 solid; font-family:"MS Serif", "New York", serif; color:#33C;}

#box1 ul li			{text-transform:uppercase; list-style-image:url(../images/arrow.png); padding-bottom:20px;}

#box1 a:link		{text-decoration:none; color:#804040;}
#box1 a:visited		{text-decoration:none; color:#804040;}
#box1 a:active		{text-decoration:none; color:#804040;}
#box1 a:hover		{text-decoration:none; color:#633232; font-weight:bold;}
#box1 a:focus		{text-decoration:none; color:#633232; font-weight:bold;}

#box2				{float:right; width:700px; border-left: 1px #999 solid; height:500px; overflow:auto;}

#box2 h3			{padding-left:20px; width:300px; border-bottom: 1px #999 solid;}

#box2 p			{padding-left:20px; padding-right:20px; text-align:justify;}

.pn-container {

	  background-color: #1a1a1a;

	  position: relative;

	  overflow: hidden;

	}

	.pn-container:-webkit-full-screen {

	 width: 100% !important;

	 height: 100% !important;

	}

	.pn-container:-moz-full-screen {

	 width: 100% !important;

	 height: 100% !important;

	}

	.pn-container:-webkit-full-screen .pn-temp, .pn-container:-webkit-full-screen .pn-current {

	 background-size: contain;

	}

	 .pn-container:-moz-full-screen .pn-temp, .pn-container:-moz-full-screen .pn-current {

	 background-size: contain;

	}

	 

	.pn-container .pn-fullscreen {

	  color: white;

	  position: absolute;

	  z-index: 5;

	  right: 10px;

	  top: 9px;

	  cursor: pointer;

	  opacity: 0;

	  -webkit-transition: opacity .3s;

	  -moz-transition: opacity .3s;

	  transition: opacity .3s;

	}

	 

	.pn-container .pn-fullscreen:hover { opacity: 1 !important; }

	 

	.pn-container .pn-current,

	.pn-container .pn-temp {

	  background-position: center;

	  background-repeat: no-repeat;

	  background-size: cover;

	  height: 100%;

	  left: 0;

	  position: absolute;

	  top: 0;

	  width: 100%;

	  z-index: 1;

	}

	 

	.pn-container .pn-temp { z-index: 2; }

	 

	.pn-container .pn-prev,

	.pn-container .pn-next {

	  left: 0;

	  height: 100%;

	  position: absolute;

	  top: 0;

	  width: 50%;

	  z-index: 3;

	  cursor: pointer;

	}

	 

	.pn-container .pn-next {

	  left: auto;

	  right: 0;

	}

	 

	.pn-container .pn-bar {

  bottom: 0;
	  left: 0;

	  position: absolute;

	  right: 0;

	  z-index: 5;

	  opacity: 0;

	  -wekkit-transition: opacity .3s;

	  -moz-transition: opacity .3s;

	  transition: opacity .3s;

	}

	 

	.pn-container:hover .pn-bar { opacity: 1; }

	 

	.pn-container:hover .pn-fullscreen { opacity: .5; }

	 

	.pn-container.sleep:hover .pn-bar { opacity: 0; }

	 

	.pn-container.sleep:hover .pn-fullscreen { opacity: 0; }

	 

	.pn-container.sleep,

	.pn-container.sleep > * { cursor: none; }

	 

	.pn-container .pn-ribbon {

	  float: right;

	  margin-right: 10px;

	  overflow: hidden;

	  width: 816px;

	}

	 

	.pn-container .pn-train {

	  display: block;

	  left: 0;

	  list-style: none;

	  margin: 0 -6px;

	  overflow: auto;

	  padding: 0;

	  position: relative;

	  top: 0;

	}

	 

	.pn-container .pn-train > li {

	  background-color: white;

	  background-position: center;

	  background-repeat: no-repeat;

	  background-size: 100%;

	  cursor: pointer;

	  display: block;

	  float: left;

	  height: 60px;

	  margin: 6px;

	  width: 80px;

	  opacity: .6;

	  -wekkit-transition: opacity .3s;

	  -moz-transition: opacity .3s;

	  transition: opacity .3s;

	}

	 

	.pn-container .pn-train > li:hover,

	.pn-container .pn-train > li.active { opacity: 1; }

	 

	.pn-container .pn-play {

	  cursor: pointer;

	  left: 14px;

	  position: absolute;

	  top: 14px;

	  color: white;

	  border: 2px solid;

	  -webkit-border-radius: 50%;

	  -moz-border-radius: 50%;

	  border-radius: 50%;

	  width: 44px;

	  height: 44px;

	  line-height: 39px;

	  padding: 0px 0 0 15px;

	  -webkit-transition: all .3s;

	  -moz-transition: all .3s;

	  transition: all .3s;

	}

	 

	.pn-container .pn-play:hover:after {

	  left: -1px;

	  top: -1px;

	  height: 42px;

	  width: 42px;

	}

	 

	.pn-container .pn-play:after {

	  content: ' ';

	  position: absolute;

	  background: rgb(255,255,255);

	  background: rgba(255,255,255,.5);
	  -webkit-border-radius: 50%;

	  -moz-border-radius: 50%;

	  border-radius: 50%;

	  width: 0;

	  height: 0;

	  left: 22px;

	  top: 22px;

	  -webkit-transition: all .15s;

	  -moz-transition: all .15s;

	  transition: all .15s;

	}

	 

	.pn-container .pn-play.active { transform: rotate(180deg); }

	 

	.pn-container .pn-play > i {


	  font-style: normal;

	  -webkit-transition: all .3s;

	  -moz-transition: all .3s;

	  transition: all .3s;

	  overflow: hidden;

	  position: absolute;

	  display: block;

	}

	 

	.pn-container .pn-play > i.fa-angle-left {

	  width: 0px;

	  visibility: hidden;

	  opacity: 0;

	  margin-left: 3px;

	}

	 

	.pn-container .pn-play.active > i.fa-angle-left {

	  width: 15px;

	  visibility: visible;

	  opacity: 1;

	}

	 

	.pn-container .pn-play.active > i.fa-angle-right { margin-left: -7px; }

	 

	.pn-container .pn-carret {

	  background: rgba(255,255,255,.1);

	  border: 2px solid #6495ED;

	  cursor: pointer;

	  height: 60px;

	  margin-left: 6px;

	  position: absolute;

	  width: 80px;

	  top: 6px;

	  z-index: 1;

	}

	 

	.pn-container .pn-prev i,

	.pn-container .pn-next i {

	  color: white;

	  position: absolute;

	  width: 42px;

	  height: 42px;

	  font-size: 37px;

	  left: 0;

	  top: 50%;

	  text-align: center;

	  margin-top: -21px;

	  opacity: 0;

	  -wekkit-transition: opacity .3s;

	  -moz-transition: opacity .3s;

	  transition: opacity .3s;

	}

	 

	.pn-container .pn-next i {

	  left: auto;

	  right: 0;

	}

	 

	.pn-container:hover .pn-prev i,

	.pn-container:hover .pn-next i { opacity: 1; }

	 

	.pn-container.sleep:hover .pn-prev i,

	.pn-container.sleep:hover .pn-next i { opacity: 0; }

#footer		{clear:both; padding-top:10px; padding-bottom:10px; text-align:center; border-top: 1px #333 solid; font-family:Georgia, "Times New Roman", Times, serif;}