/*
=====================================================
== Folha de estilos desenvolvida por:              ==
== Autor: Mauricio Samy Silva - AKA: Maujor        == 
== Data da 1a. versao: 2007/06/02                  ==
== Revisoes: 2007/06/04                            ==
== Entrega: 2007/06/05                              ==
== Site: http://www.clickmaujor.com/               ==
== Contato: http://www.clickmaujor.com/contato.php ==
=====================================================
*/
html { 
	height: 100%;
	margin-bottom: 1px;
	background: #eee;
	}
body {
	margin:0;
	padding:0;
	font:100.01%/1.4 Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	background: url('../imagens/ext-topo.jpg') repeat-x top center;
	color:#333;
	}
h1, h2, h3, h4, h5, h6 {color:#090;}
h1 {font-size:1.7em;}
h2 {font-size:1.5em; border-bottom:1px solid #090;display:none;}
h3 {font-size:1.3em;}
h4, h5, h6 {font-size:1.1em;color:#5dbe5d;}
#inner #auxiliar h3 {
	width:151px;
	font-size:1.4em;
	height:116px;
	background:#eef8ee url('../imagens/bg-auxiliar-internas.gif');
	margin:0;
	padding-left:33px;
	line-height:105px;
	}
#inner #auxiliar p {
	padding-left:13px;
	color:#090;
	}
#inner #auxiliar p a {
	color:#090;
	}
#inner #auxiliar p a:hover {
	text-decoration:none;
	}
#tudo {
	position:relative;
	height:400px;
	width:760px;
	margin:0 auto;
	font-size:0.8em;
	}
h1#topo {
	position: relative;
	margin:0;
	padding:0;
	width: 760px;
	height: 86px; 
	font-size:0;
	}	
* html h1#topo {top:1px;}
h1#topo span {
	background: url('../imagens/topo.jpg') no-repeat;
	position:absolute;
	width: 100%;
	height: 100%;
	}
#outer {
	width:100%;
	min-height:500px;
	}
* html #outer {height:500px;}
#faux {
	width:100%;
	border: solid #ddd;
	border-width:0 1px 1px;
	margin-top:37px;
	background: url('../imagens/bg-auxiliar-faux.gif') left top repeat-y;
	}
#inner {
	margin:25px 10px 10px 0;
	}
#conteudo { 
	float:right;
	width:545px;
	padding-bottom:15px;
	}
* html #conteudo {margin-top:-25px;}
#auxiliar {
	background:#eef8ee;
	padding-top:60px;
	float:left;
	width:184px;
	}
.fundo-caixa {display:none;}
/* =HOME  regras CSS somente para home */
/*body#home #conteudo {
	float:left;
	width:567px;
	background:#fff url('../imagens/bg-conteudo-home.jpg') center bottom no-repeat;
	font-weight:bold;
	} 
body#home #inner-conteudo-home {
	margin:0 10px 0 20px;
	} 
body#home #auxiliar {float:right;font-weight:bold;} 
body#home #faux {background: url(none); border:none;} 
body#home #auxiliar {float:right;}*/ 
/*body#home*/ #auxiliar h4 {text-align:center;margin:1.4em 0 0 0;} 
 body#home #auxiliar .fundo-caixa {display:block;}

/*body#home*/ #auxiliar h4.topo-caixa {font-size:1.2em; background: url('../imagens/bg-topo-caixa.gif') center top no-repeat; color:#fff;height:1.8em;line-height:1.8em;margin:0;} 
/*body#home*/ #auxiliar div.fundo-caixa {
	background:#eef8ee url('../imagens/bg-fundo-caixa.gif') center bottom no-repeat; 
	height:12em;
	margin-bottom:2.0em;
	line-height:1.8em;
	} 
/*body#home*/ #auxiliar p{line-height:1;margin:0.8em 10px 0 0;} 
/*body#home*/ #auxiliar p.um a{color:#333; text-decoration:underline;} 
/*body#home*/ #auxiliar p.um a:hover{color:#666; text-decoration:none;} 
/*body#home #inner{margin:25px 0 10px 0;} 
body#home #outer{background: url('../imagens/bg-auxiliar-home.jpg') 100% 100%  no-repeat;}*/ 
/* =NAVEGACAO  a navegacao horizontal */
#menu {
	width:671px;
	height:30px;
	position:absolute;
	top:86px;
	right:0;
	list-style-type:none;
	}
#menu, #menu * {
	margin:0;
	padding:0;
	}
ul#menu li {
	float: left;
	}
ul#menu li a, ul#menu li a:link { 
	text-indent:-10000px; 
	height:30px;
	display: block; 
	overflow:hidden;
	}
#menu li a#ho { 
	width:65px;
	background: url('../imagens/menuaux.gif') 0 0 no-repeat;
	}
#menu li a#sob { 
	width:60px;
	background: url('../imagens/menuaux.gif') -65px 0 no-repeat;
	}
#menu li a#sol { 
	width:82px;
	background: url('../imagens/menuaux.gif') -125px 0 no-repeat;
	}
#menu li a#art { 
	width:70px;
	background: url('../imagens/menuaux.gif') -207px 0 no-repeat;
	}
#menu li a#cli { 
	width:70px;
	background: url('../imagens/menuaux.gif') -277px 0 no-repeat;
	}
#menu li a#par { 
	width:77px;
	background: url('../imagens/menuaux.gif') -347px 0 no-repeat;
	}
#menu li a#sup { 
	width:71px;
	background: url('../imagens/menuaux.gif') -424px 0 no-repeat;
	}
#menu li a#con { 
	width:75px;
	background: url('../imagens/menuaux.gif') -495px 0 no-repeat;
	}
#menu li a#jog { 
	width:75px;
	background: url('../imagens/menuaux.gif') -566px 0 no-repeat;
	}

#menu li a#ho:hover { 
	width:65px;
	background: url('../imagens/menuaux.gif') 0 -40px no-repeat;
	}
#menu li a#sob:hover { 
	width:60px;
	background: url('../imagens/menuaux.gif') -65px -40px no-repeat;
	}
#menu li a#sol:hover { 
	width:82px;
	background: url('../imagens/menuaux.gif') -125px -40px no-repeat;
	}
#menu li a#art:hover { 
	width:70px;
	background: url('../imagens/menuaux.gif') -207px -40px no-repeat;
	}
#menu li a#cli:hover { 
	width:70px;
	background: url('../imagens/menuaux.gif') -277px -40px no-repeat;
	}
#menu li a#par:hover { 
	width:77px;
	background: url('../imagens/menuaux.gif') -347px -40px no-repeat;
	}
#menu li a#sup:hover { 
	width:71px;
	background: url('../imagens/menuaux.gif') -424px -40px no-repeat;
	}
#menu li a#con:hover { 
	width:75px;
	background: url('../imagens/menuaux.gif') -495px -40px no-repeat;
	}
#menu li a#jog:hover { 
	width:75px;
	background: url('../imagens/menuaux.gif') -572px -40px no-repeat;
	}

body#home  #menu  li a#ho { 
	width:65px;
	background: url('../imagens/menuaux.gif') 0 -80px no-repeat;
	cursor:default;
	}
body#sobre  #menu  li a#sob { 
	width:60px;
	background: url('../imagens/menuaux.gif') -65px -80px no-repeat;
	cursor:default;
	}
body#solucoes  #menu  li a#sol { 
	width:82px;
	background: url('../imagens/menuaux.gif') -125px -80px no-repeat;
	cursor:default;
	}
body#artigos  #menu  li a#art { 
	width:70px;
	background: url('../imagens/menuaux.gif') -207px -80px no-repeat;
	cursor:default;
	}
body#clientes  #menu  li a#cli { 
	width:70px;
	background: url('../imagens/menuaux.gif') -277px -80px no-repeat;
	cursor:default;
	}
body#parceiros  #menu  li a#par { 
	width:77px;
	background: url('../imagens/menuaux.gif') -347px -80px no-repeat;
	cursor:default;
	}
body#suporte  #menu  li a#sup { 
	width:71px;
	background: url('../imagens/menuaux.gif') -424px -80px no-repeat;
	cursor:default;
	}
body#contato  #menu  li a#con { 
	width:75px;
	background: url('../imagens/menuaux.gif') -495px -80px no-repeat;
	cursor:default;
	}
body#jogos  #menu  li a#jog { 
	width:75px;
	background: url('../imagens/menuaux.gif') -572px -80px no-repeat;
	cursor:default;
	}


/* Fim da navegacao */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.cor-a {color:#090;font-weight:bold;}
img {border-width:0;}
a:focus, a:active {outline:2px dotted #090;background:#eef8ee;}
p.skip {margin:0;font-size:0;color:#1c3c8f;}
p.skip a {color:#1c3c8f;}