html { overflow:hidden; }

body { margin:0 0 0 0; background:url('imgs/bg.jpg') #2b0b20 repeat-x; font-family:"Segoe UI"; font-size:14px; color:#fff; }

img { border:0px; }

h5 { font-size:20px; font-weight: lighter; }

p { width:650px; height:400px; overflow:auto; margin:15px 0 0 20px; }

form { margin:15px 0 0 20px; }

input { width:150px; border:0px; background:transparent; font-family:"Segoe UI"; font-size:14px; color:#fff; border:1px aqua solid; border-top:0px; }
textarea { width:465px; height:300px; border:0px; background:transparent; font-family:"Segoe UI"; font-size:14px; color:#fff; border:1px aqua solid; border-top:0px; overflow:hidden; }

.abertura { width:482px; height:520px; position:absolute; left:50%; top:50%; margin:-275px 0 0 -241px; }

.tudo { width:900px; height:550px; position:absolute; left:50%; margin:0 0 0 -450px; background:url('imgs/fundo.jpg'); }

.logo { width:auto; height:auto; position:absolute; margin:0 0 0 800px; z-index:99; }

.paginas { width:881px; height:475px; position:absolute; margin:10px 0 0 10px; }
.paginas iframe { width:881px; height:475px; }

.menu { width:881px; height:35px; position:absolute; margin:500px 0 0 10px; text-align:center; }
.menu img { margin:0 0 0 4px; }
.menu a { cursor: default; }

.topo { width:100%; height:40px; font-size:25px; font-weight: lighter; margin:15px 0 0 20px; padding:0 0 0 5px; }

.musica { width:auto; height:auto; position:absolute; margin:550px 0 0 0; }

.catalogo { width:772px; height:400px; overflow:hidden; margin:15px 0 0 20px; }

.amarelo { width:auto; height:auto; position:absolute; z-index:99; margin:0 0 0 0; }
.azul { width:auto; height:auto; position:absolute; z-index:99; margin:10px 0 0 800px; }
.branco { width:auto; height:auto; position:absolute; z-index:99; margin:450px 0 0 0; }
.rosa { width:auto; height:auto; position:absolute; z-index:99; margin:250px 0 0 10px; }
.verde { width:auto; height:auto; position:absolute; z-index:99; margin:50px 0 0 790px; }
.vermelho { width:auto; height:auto; position:absolute; z-index:99; margin:410px 0 0 780px; }

/* Light Box */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto; }
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none; }

#prevLink, #nextLink{ width: 49%; height: 100%; background-image:url(data:image/gif;base64,AAAA); display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right; }
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }

#imageData{	padding:0 10px; color:#666; }
#imageData #imageDetails{ width:70%; float:left; text-align:left; }
#imageData #caption{ font-weight:bold; }
#imageData #numberDisplay{ display:block; clear:left; padding-bottom:1.0em; }
#imageData #bottomNavClose{ width:66px; float:right;  padding-bottom:0.7em; outline:none; }

#overlay{ position: absolute; top:0; left:0; z-index:90; width:100%; height:auto; background:#1f1a17; }