/* 
Zen Garden do Maujor
Historico:
Lancado: em 12 de novembro de 2003;
Desativado em 12 de janeiro de 2006 com 25 temas submetidos e publicados;
Relancado em 31 de dezembro de 2006 com novo layout para o tema padrao.
A primeira vers�o encontra-se desativada em arquivo no endereco: http://www.maujor.com/temas/primeiro/index.html 
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Use esta CSS para orientar a construcao do seu tema.
Atencao que nem todos os seletores, classes e DIV's 
constam desta CSS.
Acrescente, suprima e modifique a vontade de acordo com
suas necessidades.
---------------------------------------------------
Preencha a seguir.
Nome do autor do tema: Márcia Cristina Leal
Nome do tema: Jasmin
Data: sábado, 23 de Outubro de 2010 - 16:36
Site/Blog:
email -(facultativo): zymarcia@hotmail.com
*/

body {
	background-color: #89799E;
	margin: 0px;
	padding: 0px;
	color: #55446d;
	}
#tudo {
	padding-top: 250px;
	position:relative;
	width: 800px;
	margin: auto;
	z-index:2;
	background-color: #492d70;
	border-left: solid 4px #3d2a57;
	border-right: solid 4px #3d2a57;
	}
#texto, #regras, #entrada {
	position:inherit; 
  width: 646px;
  overflow: hidden;
  z-index:10; 
  background-color: #cdc7d6;
  padding: 5px;
  margin: 0px;
  margin-left: 144px;
	}

#busca-menu {
  padding: 2px;
	color: #43175e;
	width:140px;
	float:left;
	overflow: hidden;
	margin: 0px;
  margin-top: 150px;
	}
	
#busca{
  width: 132px;
  background:#725c8f;
  border: groove #725c8f 4px;
}	
	
#regras1-3 {
	margin:5px 30px 5px 0;
	width:200px; 
	line-height:1.4;
	font-style:italic; 
	float:left; 
	text-align:center;
	background: no-repeat url('dinossauro.gif') center bottom;
	padding-bottom: 130px;
	}
#regras4-8 {
	padding-top:25px;
	float:left;
	width: 400px;
	}

h4.orie span, h4.apre span, h4.fina span, h4.estr span, h4.porq span, h4.pode span {
  font-size: 20px;
  width: 350px;
  margin:auto;
  color: #9c85ba;
  display: block;
  text-align:center;
  border-bottom: solid 1px #43175e;
} 

h4.orie span{
  margin-left: 75%;
}

#csswebdesign h1 span, 
#csswebdesign h2 span, 
#csswebdesign h3 span, h4 span {
	display:none;
	}
h1, h2, h3, h4 {
	margin:0;
	}
form {margin:0; padding:0;}
fieldset {border-width:0;background: url('zgm-lado-menu-a.gif') left top repeat-y; margin:0; padding:0;}
form p{width:75%; text-align:center; margin-left:10%}
.i-texto, .i-buscar, .i-mapa {display:block;}
.i-texto {width:126px; margin: 1px; background:#cdc7d6;}
.i-texto:focus{background:#eee;}
.i-mapa, .i-buscar {
	margin:0.4em auto 0 auto; 
	padding-bottom:5px;
	margin-bottom: 5px;
	font-size:11px;
	border-width:0;
	background:url('bt2_on.png') no-repeat center right; 
	cursor:pointer; 
	color: #43175e;
	font-weight:bold;
}

a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #554170;
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #554170;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #9685ba;
	}
#menu { 
 	font:10px Verdana, sans-serif;
	text-align:center; 
	padding-top: 30px;
	background:#492d70 url('top_menu_1.png') left top no-repeat;
	}
#menu, #menu * {
	margin:0;
	padding:0;
	}
#menu ul {
	list-style-type: none;
	padding-top: 30px;
	}
	
#menu ul li {
	color:#b5b0e1;
	padding:5px 0;
	background:url('bt2_off.png') no-repeat center center;
	width: 140px;
	line-height: 20px;
	vertical-align: middle;
	}
	
#menu ul li:hover {
  background:url('bt2_on.png') no-repeat center center;
}

#menu ul li:hover a{
  text-align: right;
  margin-right: 5px;
  color: #bcaed1;
}

#menu ul li a, #menu ul li a:link {
	display: block;
	color: #b5b0e1;
	text-decoration: none;
	font-weight:bold;
	font-size:11px;
	}
	
#navMenu  {
	width:140px;	
  padding-top: 45px;
  padding: 1px;
  position: absolute;
  top: 250px;
  z-index: 11;
  background: #492d70 url('top_menu_0.png')no-repeat top center;
	}
	
#navMenu ul{padding: 0px; margin:0px; margin-top: 30px;}
	
#navMenu li {
	display: block;
	background: url('bt_off.png') no-repeat;
	width: 140px;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	text-align: center;
	list-style: none; 
	margin:0px;
	padding: 0px;
	}
	
#navMenu li:hover{
  background: url('bt_on.png') no-repeat;
  text-align: right;
}

#navMenu ul li a{
  color: #bdaed1;
  text-decoration: none;
  width: 140px;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  text-align: center;
}

#navMenu ul li:hover a{
  color: #dfd6ef;
  margin-right: 5px;
}
	
#extra5 {
  width:800px;
  height:250px;
  position:absolute;
  top:0;
  margin-left: 50%;
  left: -400px;
  background:#45325f url('banner.png') left top no-repeat;
  z-index:10;
  }

#extra6{
  width: 800px;
  height: 100px;
  background: #3d2a57 url('footer.png') no-repeat center center;
  border-right: solid 4px #3d2a57;
  border-left: solid 4px #3d2a57;
  margin:auto;
}

#extra4{
  position:relative;
  z-index:15;
  width: 144px;
  height: 300px;
  background: #492d70 url('bg_left.png') no-repeat center bottom;
  margin-top: -300px;
}

/*#extra8 {
	width:110px;
	height:185px;
	position:absolute;
	left:0;
	bottom:-200px;
	background:transparent url('nota.gif') left top  no-repeat;
	}
#extra8 span {
	display:block;
	position:absolute;
	left:5px;
	bottom:0;
	}*/

/* Hacks para IE */
* html .i-mapa, * html .i-buscar {
	width:80%;
	margin-left:10%;
	}  

* html #menu, * html #menu ul  {
	height: 1%;
	}
* html #extra1 {
	right:0;
	} 
* html #menu ul li {
	float: left;
	height: 1%;
	}
* html #tudo, * html #menu ul li a { height: 1%; }
* html #extra6 {right:15px;} 
/* Este arquivo CSS ? para fins de orientacao geral. Muitos dos seletores, classe e IDs constantes da marcacao nao constam desta folha de estilos */