/* Estilo som hover */

/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/

* { margin: 0; padding: 0; }
body { font: 14px/1.4 Georgia, serif; }

article, aside, figure, footer, header, hgroup,
menu, nav, section { display: block; }

header { 
	 background: black;
	 color: white;
	 padding: 80px 0 10px 0;
}

h1, h2 {
	font-weight: normal;
}
h1 { font-size: 50px; margin: 0 0 10px 0; }
h2 { font-size: 38px; margin: 0 0 10px 0; }
p, pre { margin: 0 0 15px 0; }

.inside {
	width: 960px; 
	margin: 0 auto; 
}

section {
	padding: 20px 0; 
	overflow: hidden; 
}

#one {
	background: #6f4b7c;
}
#two {
	background: #3c7ab5;
}
#three {
	background: #ffeca9;
}

.nav {
	width: 120px;
	float: left;
	list-style: none;
}
.nav li {
	position: relative;
}
.nav a {
	display: block;
	padding: 20px;
	text-decoration: none;
	color: white;
	background-image: -moz-linear-gradient(bottom, #444444, #999999); /* FF3.6 */
	background-image: -o-linear-gradient(bottom, #444444, #999999); /* Opera 11.10+ */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#999999)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(bottom, #444444, #999999); /* Chrome 10+, Saf5.1+ */
}
.nav a:hover {
	background: #222;
}

.nav audio { position: absolute; left: 110%; top: 10px; display: block; height: 30px; width: 200px; }

#page-wrap script {
	display: block;
	white-space: pre;
	background: #333;
	color: white; 
	padding: 10px;
	font: 11px Monaco, MonoSpace;
	width: 460px;
	float: right;
	overflow: auto;
}

/* Fim hover */


#slideshow {list-style:none; color:#fff; cursor:pointer;}
#slideshow span {display:none}
#wrapper {width:780px; margin:0px auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:780px; height:185px; padding:0px; border:0px solid #ccc; background:#eee}
#information {position:absolute; bottom:0; width:780px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70); display:none}
#information h3 {padding:4px 8px 3px; font-size:14px;}
#information p {padding:0 8px 8px; width:780px;}
#image {width:780px;}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(../images/left.png) left center no-repeat; height:185px; width:50px}
#imgnext {right:0; background:url(../images/right.png) right center no-repeat; height:185px; width:50px}
#imglink {background:url(../images/blank.gif) repeat; position:absolute; height:185px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(../images/link.gif) center center no-repeat !important}
#thumbnails {margin-top:0px;}
#slideleft {float:left; width:20px; height:81px; background:url(../images/scroll-left.gif) center center no-repeat; background-color:#fff; border-left:2px solid #999999; margin-left:-2px}
#slideleft:hover {background-color:#eee}
#slideright {float:right; width:20px; height:81px; background:#fff url(../images/scroll-right.gif) center center no-repeat; border-right:2px solid #999999; margin-right:-2px}
#slideright:hover {background-color:#eee}
#slidearea {float:left; position:relative; width:740px; margin-left:0px; height:81px; overflow:hidden; background-color:#FFF}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; padding:2px}
#block{ width:100%; clear:both; display:block;}
embed{width:0px; height:0px}