/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////   CÓDIGO DESENVOLVIDO NA MADEROMAQUIA.COM PELO WEB DESIGNER MARCELO MADEIRA   ////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */

body {}

.voltar { position: absolute; top: 10px; left: 820px; width: 65px; height: 65px; z-index: 100; }

.mapas { position: absolute; top: 0px; left: 0px; width: 893px; height: 568px; z-index: 2; }

/* INÍCIO DA PÁGINA PROGRAMAÇÃO */

.fundoportas { position: absolute; top: 0px; left: 0px; width: 893px; height: 568px;
			   background: url('../Imagens/portas.jpg') no-repeat; z-index: 5; }

/* INÍCIO DA PÁGINA CONTATO E CADASTRO */

.fundoform { position: relative; top: -10px; left: 0px; width: 725px; height: 425px;
			 background: url('../Imagens/portaspigalle2.jpg') no-repeat; text-align: center; z-index: 2; }

.comentario { position: absolute; top: 35px; left: 45px; width: 205px; height: 380px; font-size: 12px; font-family: verdana;
			  color: #000000; text-align: left; line-height: 200%; background-color: transparent; z-index: 3; }

.texto { position: absolute; top: 75px; left: 290px; width: 205px; height: 380px; font-size: 12px; font-family: verdana;
		 color: #000000; line-height: 200%; text-align: center; background-color: transparent; z-index: 3; }

.cadastro { position: absolute; top: 35px; left: 530px; width: 205px; height: 380px; font-size: 12px; font-family: verdana;
			color: #000000; text-align: left; line-height: 200%; background-color: transparent; z-index: 3; }

.resposta { position: absolute; top: 50px; left: 113px; width: 500px; height: 371px; font-size: 12px; font-family: verdana;
		    color: #000000; line-height: 200%; text-align: center; background-color: transparent; z-index: 3; }
 
/* INÍCIO DA PÁGINA RÁDIOS PIGALLE */	

.fundomusicas { position: absolute; top: 0px; left: 0px; width: 893px; height: 568px;
 background: url('../Imagens/portaspigalle.jpg') center no-repeat; z-index: 2; }
 
.animamusica { position: absolute; top:  50px; left: 75px; width: 250px; height: 400px; z-index: 3; }

.botao01 { position: absolute; top: 100px; left: 65px; width: 250px; height: 50px; z-index: 4; }
.botao02 { position: absolute; top: 161px; left: 65px; width: 250px; height: 50px; z-index: 4; }
.botao03 { position: absolute; top: 222px; left: 65px; width: 250px; height: 50px; z-index: 4; }
.botao04 { position: absolute; top: 283px; left: 65px; width: 250px; height: 50px; z-index: 4; }
.botao05 { position: absolute; top: 344px; left: 65px; width: 250px; height: 50px; z-index: 4; }
.botao06 { position: absolute; top: 405px; left: 65px; width: 250px; height: 50px; z-index: 4; }

.players { position: absolute; top: 100px; left: 335px; width: 500px; border: solid #000000 2px; z-index: 5; }	

/* INÍCIO DA PÁGINA PIGALLE BAR & CAFÉ */

.fundobarmikado { position: absolute; top: 0px; left: 0px; width: 893px; height: 568px;
	    		background: url('../Imagens/papelamassado.jpg') center no-repeat; z-index: 2; }		
/**/		

.nomemikado { position: absolute; top: 150px; left: 35px; width: 175px; height: 75px; z-index: 4; }

.sloganmikado { position: absolute; top: 225px; left: 37px; width: 354px; font-size: 15px; font-family: verdana;
		  	  color: #000000; text-align: left; line-height: 150%; font-weight: bold; z-index: 4; }		  

.imgmikado { position: absolute; top: 285px; left: 30px; width: 352px; height: 229px; z-index: 3; }

.horariomikado { position: absolute; top: 425px; left: 445px; width: 250px; font-size: 16px; font-family: verdana;
		  	   color: #000000; text-align: left; line-height: 150%; font-weight: bold; z-index: 4; }		  

.enderecomikado { position: absolute; top: 525px; left: 25px; width: 650px; font-size: 15px; font-family: verdana;
		  	    color: #000000; text-align: left; line-height: 150%; font-weight: bold; z-index: 4; }		  

/**/

.enderecobar { position: absolute; top: 15px; left: 350px; width: 550px; font-size: 15px; font-family: verdana;
		  	   color: #006600; text-align: left; line-height: 150%; font-weight: bold; z-index: 4; }		  

.horariobar { position: absolute; top: 50px; left: 365px; width: 186px; font-size: 15px; font-family: verdana;
		  	  color: #FF0000; text-align: right; line-height: 150%; font-weight: bold; z-index: 4; }		  

.nomebar { position: absolute; top: 137px; left: 375px; width: 175px; height: 75px; z-index: 4; }

.imgbar { position: absolute; top: 50px; left: 590px; width: 260px; height: 325px; z-index: 3; }

/* INÍCIO DA PÁGINA PIGALLE BAR */

.fundobar { position: relative; top: 0px; left: 0px; width: 893px; height: 568px;
	    	background: url('../Imagens/portaspigalle.jpg') center no-repeat; z-index: 2; }		

.logo { position: absolute; top: 75px; left: 75px; width: 245px; height: 200px; z-index: 3; }

.flayer { position: absolute; top: 275px; left: 75px; width: 241px; height: 210px; border: #333333 solid 2px; z-index: 3; }
	
.menu01 { position: absolute; top:  85px; left: 550px; width: 260px; height: 55px; text-align: right; z-index: 3; }
.menu02 { position: absolute; top: 155px; left: 550px; width: 260px; height: 55px; text-align: right; z-index: 3; }
.menu03 { position: absolute; top: 225px; left: 550px; width: 260px; height: 55px; text-align: right; z-index: 3; }
.menu04 { position: absolute; top: 295px; left: 550px; width: 260px; height: 55px; text-align: right; z-index: 3; }
.menu05 { position: absolute; top: 365px; left: 550px; width: 260px; height: 55px; text-align: right; z-index: 3; }
.menu06 { position: absolute; top: 435px; left: 550px; width: 260px; height: 55px; text-align: right; z-index: 3; }

/* INÍCIO DA PÁGINA FOTOS BAR */

.palcobar { position: relative; top: 0px; left: 0px; width: 893px; height: 568px;
		 	background: url('../Imagens/palco.jpg') center no-repeat; z-index: 3; }
		 
	.link01 { position: absolute; top: 50px; left:  50px; width: 150px; height: 100px; border: #00FF00 solid 1px; z-index: 5; }
	.link02 { position: absolute; top: 50px; left: 210px; width: 150px; height: 100px; border: #00FF00 solid 1px; z-index: 5; }
	.link03 { position: absolute; top: 50px; left: 370px; width: 150px; height: 100px; border: #00FF00 solid 1px; z-index: 5; }
	.link04 { position: absolute; top: 50px; left: 530px; width: 150px; height: 100px; border: #00FF00 solid 1px; z-index: 5; }
	.link05 { position: absolute; top: 50px; left: 690px; width: 150px; height: 100px; border: #00FF00 solid 1px; z-index: 5; }
				
.fotos { position: absolute; top: 150px; left: 0px; width: 893px; height: 418px; text-align: center; z-index: 4; }

/* INÍCIO DA PÁGINA ARTISTAS */

.performances { position: absolute; top: 1px; left: 0px; width: 893px; height: 568px; z-index: 3; }
		
/* INÍCIO DA PÁGINA DJ VOCÊ */

.fundoniver { position: relative; top: -10px; left: 0px; width: 725px; height: 425px;
	    	  background: url('../Imagens/portaspigalle2.jpg') center no-repeat; z-index: 3; }
		
.chamada { position: absolute; top: 10px; left: 15px; width: 600px; font-size: 12px; font-family: verdana;
		   color: #000000; padding-left: 10px; padding-top: 10px; text-align: left; line-height: 150%; z-index: 4; }

.video { position: absolute; top: 200px; left: 75px; width: 213px; height: 210px; border: #000000 solid 2px;
		 font-size: 10px; font-family: verdana; color: #000000; text-align: center; z-index: 4; }
		
.musicas { position: absolute; top: 10px; left: 425px; width: 325px; height: 400px; z-index: 4; }

/* INÍCIO DA PÁGINA ASSOCIADOS */

.fundoassociado { position: relative; top: -10px; left: 0px; width: 725px; height: 425px;
				  background: url('../Imagens/portaspigalle2.jpg') center no-repeat; z-index: 1; }

.texto3 { position: absolute; top: 125px; left: 40px; width: 697px; font-size: 12px; font-family: verdana;
		  color: #000000; padding-left: 10px; padding-top: 10px; text-align: left; line-height: 150%; z-index: 3; }

.texto4 { position: absolute; top: 40px; left: 100px; width: 300px; font-size: 12px; font-family: verdana;
		  color: #000000; padding-top: 10px; text-align: center; line-height: 150%; z-index: 3; }

.imagem2 { position: absolute; top: 50px; left: 500px; width: 150px; height: 150px; z-index: 3; }

/**/

#botao { background-color: #0000FF; font-family: verdana; color: #FFFFFF; font-weight: bold; }
		   
	a:link { color: #FFFFFF; text-decoration: none; background-color: transparent; }
	a:visited { color: #FFFFFF; text-decoration: none; background-color: transparent; }
	a:hover { color: #000000; text-decoration: none; background-color: transparent; }
	a:active { color: #FFFFFF; text-decoration: none; background-color: transparent; }

	img { border: none; }

/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////   CÓDIGO DESENVOLVIDO NA MADEROMAQUIA.COM PELO WEB DESIGNER MARCELO MADEIRA   ////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */