@import "reset.css";

/* class para o fundo BG aparecer usando FLOAT \*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* Estilização para os links externos */
* [rel~=external] { 
	color: #008000;
}

.oculto { display: none; }

.skip{
position:absolute;
text-indent:-9999em;
width:0;
}

a, a:visited {
	color:#395da6;
	font-weight:bold;
}

a:hover {
	color:#a7a142;
}


html {
	font-size:1em;
}

body {
	color:#555555; 
	margin:0px auto; 
	background: url(img/topo-bg.jpg) repeat-x #395da6;
	font:  62.5% Arial, Helvetica, sans-serif;                                  
	}
	
#geral {
	width:776px; 
	text-align: left;
	margin: auto;
	font-size:1.6em;
}

#topo {
	float:left;
	width:775px; 
	height: 87px;
	display: inline; /* for IE Doubled Float-Margin Bug  -  para que o BUG do IE não duplique a margem*/
	background: url(img/topo-bg.jpg) repeat-x #395da6;
}

#topo h1 a{
	float:left;
	margin:0px;
	width: 200px;
	height: 87px;
	background: url(img/logo.jpg) no-repeat;
	text-indent:-5000px;
	overflow:hidden;
	display:block;
}

#topo img{
	margin:0px;
	padding:0px;
	float: left;
}

#conteudo{
	float:left;
	width:737px;
	padding: 20px 24px 10px 15px;
	background: url(img/conteudo-bg-right.jpg) repeat-y right #eef5fb;
	display: inline; /* for IE Doubled Float-Margin Bug  -  para que o BUG do IE não duplique a margem*/
	text-align: left;
}

#rodape{
	float:left;
	/*  width:47.50em;  */
	width:775px; 
	height: 31px;
	text-align: center;
	font-size: 0.7em;
	color: #676767;
	padding-top: 4px;
	background: url(img/rodape.jpg) no-repeat;
}

#rodape a{
	font-size: 0.90em;
}

/************************************
*************************************

	INICIO - MENU

************************************
************************************/

.menu {
	position:relative;
	float: left;
	width:775px;
	height: 35px;
	margin-top:6px;
	background: url(img/menu-bg-top.jpg) no-repeat 0px 0px;
}

.menu ul{
	list-style:none;
	margin-left: 2px;
}

.menu ul li {
	float:left;
	padding-bottom:10px;
	background: url(img/menu-div.gif) no-repeat right;
}

.menu ul li.backnone {
	background: none;
}

.menu ul li a{
	display:block;
	height: 20px;
	text-decoration:none; 
	color:#626262;
	font-size: 0.8em;
	text-align:left;
	cursor:pointer;
	line-height:28px;
	text-indent:-5000px;
	font-weight:normal;
	overflow:hidden;
}

/* Botões */

.programas, .esportes, .natacao, .corpo, .melhor, .servicos, .saude, .equipe {
	margin:0px 9px 0px 9px;
}

.menu ul li a.programas {
	background: url(img/botoes/programas.gif) no-repeat;
	width: 84px;
}

.menu ul li a.esportes {
	background: url(img/botoes/esportes.gif) no-repeat;
	width: 71px;
}

.menu ul li a.natacao {
	background: url(img/botoes/natacao.gif) no-repeat;
	width: 64px;
}

.menu ul li a.corpo {
	background: url(img/botoes/corpo.gif) no-repeat;
	width: 97px;
}

.menu ul li a.melhor {
	background: url(img/botoes/melhor.gif) no-repeat;
	width: 97px;
}

.menu ul li a.servicos {
	background: url(img/botoes/servicos.gif) no-repeat;
	width: 68px;
}

.menu ul li a.saude {
	background: url(img/botoes/saude.gif) no-repeat;
	width: 47px;
}

.menu ul li a.equipe {
	background: url(img/botoes/equipe.gif) no-repeat;
	width: 50px;
}


.menu ul li a:hover {
	background-position: 0 -20px;
}



/* Sinalização de navegação no menu (hover) */


#programas .programas {
	background: url(img/botoes/programas.gif) no-repeat;
	background-position: 0 -20px;
	width: 84px;
}

#esportes .esportes {
	background: url(img/botoes/esportes.gif) no-repeat;
	background-position: 0 -20px;
	width: 71px;
}

#natacao .natacao {
	background: url(img/botoes/natacao.gif) no-repeat;
	background-position: 0 -20px;
	width: 64px;
}

#corpo .corpo {
	background: url(img/botoes/corpo.gif) no-repeat;
	background-position: 0 -20px;
	width: 97px;
}


#melhor .melhor {
	background: url(img/botoes/melhor.gif) no-repeat;
	background-position: 0 -20px;
	width: 97px;
}

#servicos .servicos {
	background: url(img/botoes/servicos.gif) no-repeat;
	background-position: 0 -20px;
	width: 68px;
}

#saude .saude {
	background: url(img/botoes/saude.gif) no-repeat;
	background-position: 0 -20px;
	width: 47px;
}

#equipe .equipe {
	background: url(img/botoes/equipe.gif) no-repeat;
	background-position: 0 -20px;
	width: 50px;
}


/************************************
*************************************

	FIM - MENU

************************************
************************************/


/************************************
*************************************

	INICIO - SUBMENU 

************************************
************************************/

ul li ul{
 	display:none;
	/* border: solid 1px #a5a5a5; */
	border-bottom:none;
	width:300px;
}

ul.submenu1 li.final, ul.submenu2 li.final, ul.submenu3 li.final, ul.submenu4 li.final, ul.submenu5 li.final, ul.submenu6 li.final, ul.submenu7 li.final{
	border-bottom: solid 2px #a5a5a5;
}

ul.submenu1 li, ul.submenu2 li, ul.submenu3 li, ul.submenu4 li, ul.submenu5 li, ul.submenu6 li, ul.submenu7 li{	
	padding: 1px 0px 11px 3px;
	/* _padding-bottom: 0px !important; /*IE6 hack*/ 
	border-bottom:solid 1px #c5c5c5; 
	border-right:solid 2px #a5a5a5;
	border-left:solid 1px #b6b6b6;
	background:#e8eef7;
	height:15px;
	list-style: disc inside;
	display: block;
}

ul.submenu1 li:hover, ul.submenu2 li:hover, ul.submenu3 li:hover, ul.submenu4 li:hover, ul.submenu5 li:hover, ul.submenu6 li:hover, ul.submenu7 li:hover {
	background: url(img/submenu-bg.jpg) repeat-x;
	border-right:solid 2px #36599e;
}

ul.submenu1 li a, ul.submenu2 li a, ul.submenu3 li a, ul.submenu4 li a, ul.submenu5 li a, ul.submenu6 li a, ul.submenu7 li a{
	float: left;
	color: #5a5a5a;
	height:30px;
	display: block;
	padding:0px 0px 0px 12px;
	margin:0px;
	margin-bottom:11px;
	text-indent: 0%;
	font-size: 0.7em; 
	background: url(img/submenu-off.png) no-repeat center left;
}

ul.submenu1 li a, ul.submenu3 li a {
	width:265px;
}

ul.submenu2 li a, ul.submenu6 li a {
	width:185px;
}

ul.submenu4 li a, ul.submenu5 li a {
	width:200px;
}

ul.submenu7 li a{
	width:160px;
}



ul.sub-submenu{
	display:none;
	float:left;
	border-bottom:none;
	width:160px;
}






ul.submenu1 li a:hover, ul.submenu2 li a:hover, ul.submenu3 li a:hover, ul.submenu4 li a:hover, ul.submenu5 li a:hover, ul.submenu6 li a:hover, ul.submenu7 li a:hover{
	color: #333333;
	background: url(img/submenu-on.png) no-repeat center left;
}

/* posicionamento para navegar com o mouse*/

ul li:hover ul.submenu1, ul li.sfhover ul.submenu1 { 
	position: absolute;
	left: 0px; top:29px;	
	display:block;
}

ul li:hover ul.submenu2, ul li.sfhover ul.submenu2 { 
	position: absolute;
	left: 100px; top:29px;	
	display:block;
}

ul li:hover ul.submenu3, ul li.sfhover ul.submenu3 { 
	position: absolute;
	left: 190px; top:29px;	
	display:block;
}

ul li:hover ul.submenu4, ul li.sfhover ul.submenu4 { 
	position: absolute;
	left: 273px; top:29px;	
	display:block;
}

ul li:hover ul.submenu5, ul li.sfhover ul.submenu5 { 
	position: absolute;
	left: 386px; top:29px;	
	display:block;
}

ul li:hover ul.submenu6, ul li.sfhover ul.submenu6 { 
	position: absolute;
	left: 502px; top:29px;	
	display:block;
}

ul li:hover ul.submenu7, ul li.sfhover ul.submenu7 { 
	position: absolute;
	left: 588px; top:29px;	
	display:block;
}

ul li ul li:hover ul.sub-submenu, ul li ul li.sfhover ul.sub-submenu {  /* sub-submenu */
	position: absolute;
	left: 200px; top:29px;	
	display:block;
}


/* posicionamento para navegar com o teclado*/

ul li ul.submenu1 { 
	position:absolute;
	left: 0px; top:29px;	

}

ul li ul.submenu2 { 
	position:absolute;
	left: 100px; top:29px;	
}

ul li ul.submenu3 { 
	position:absolute;
	left: 190px; top:29px;	
}

ul li ul.submenu4 { 
	position:absolute;
	left: 273px; top:29px;	
}


ul li ul.submenu5 { 
	position: absolute;
	left: 390px; top:29px;		
}

ul li ul.submenu6 { 
	position: absolute;
	left: 502px; top:29px;		
}

ul li ul.submenu7 { 
	position: absolute;
	left: 588px; top:29px;		
}

ul li ul li ul.sub-submenu {  /* sub-submenu */
	position: absolute;
	left: 200px; top:29px;	
}

/************************************
*************************************

	FIM - SUBMENU 

************************************
************************************/

/************************************
*************************************

	INICIO - HOME

************************************
************************************/

#home{
	float:left;
	width:776px;
	padding: 20px 0px 10px 0px;
	background: url(img/conteudo-bg-right.jpg) repeat-y right #eef5fb;
	display: inline; /* for IE Doubled Float-Margin Bug  -  para que o BUG do IE não duplique a margem*/
	text-align: left;
}

.home1, .home2 {
	float: left;
	width:735px;
	padding: 0px 15px 0px 15px;
}

.home1 img {
	float:right;
	padding-top:40px;
}

.home2 img {
	float:left;
}

.hometxt1 {
	width: 600px;
	float: left;
}


.hometxt2 {
	width: 600px;
	float:right;
	background: url(img/div.jpg) no-repeat bottom;
	padding-bottom: 15px;
}

.hometxt1 h2{
	margin:0px;
	width: 283px;
	height: 23px;
	text-indent:-5000px;
	overflow:hidden;
	display:block;
	background: url(img/home-titulo.jpg) no-repeat;
	padding-bottom: 20px;
}

.hometxt1 em{
	font-size:0.6em;
	font-family:verdana;
}


.hometxt2 h3{
	font-size:0.9em;
	padding-bottom: 20px;
}


/* chamadas */

.chamadas{
	float: left;
	width: 768px;
	height: 180px;
	background: url(img/chamada-bg-top.jpg) repeat-x top #e7f2fb;
	margin: 15px 0px 40px 0px;
	padding-top: 4px;
}

.chamada1, .chamada2, .chamada3 {
	float:left;
	width: 235px;
	height: 180px;
	padding: 4px 0px 11px 21px;
	background: url(img/chamada-bg-bottom.jpg) repeat-x bottom #e7f2fb;
}

.chamada1 img, .chamada2 img, .chamada3 img {

}

.chamada1 h2, .chamada2 h2, .chamada3 h2 {
	float:left;
	margin:0px;
	width: 215px;
	height: 41px;
	text-indent:-5000px;
	overflow:hidden;
	display:block;
}

.chamada1 h2 {
	background: url(img/chamada-titulo1.jpg) no-repeat;
}

.chamada2 h2 {
	background: url(img/chamada-titulo2.jpg) no-repeat;
}

.chamada3 h2 {
	background: url(img/chamada-titulo3.jpg) no-repeat;
}

/************************************
*************************************

	FIM - HOME

************************************
************************************/

/************************************
*************************************

	INICIO - Conteúdo

************************************
************************************/

#conteudo p, #home p{
	font-size:0.8em;
	padding-bottom: 10px;
	text-align: justify;
}

#conteudo .txt {
	width: 620px;
	float: left;
	margin: 20px 0px 20px 0px;
	padding-bottom: 15px;
	background: url(img/div.jpg) no-repeat bottom;
}


#conteudo .txt2 {  /* para imagens (personagens) mais largas */
	width: 550px;
	float: left;
	margin: 20px 0px 20px 0px;
	padding-bottom: 15px;
	background: url(img/div.jpg) no-repeat bottom;
}

#conteudo h2{
	font-size:1.0em;
	color: #416bbe;}
 
#conteudo img{
	padding-top:40px;
	float: right;
}

#conteudo .multi-imagens {  /* páginas com mais de um personagens */
	float:right;
	width:146px;
	margin: 0px;
}

.txt h3{
	font-size:0.8em;
	padding-bottom: 20px;
}

.txt h5{
	padding-bottom: 20px;
}

.txt blockquote{
	font-size:0.8em;
	padding-bottom:20px;
}

.txt ul{
	padding: 0px 0px 20px 40px;
		font-size:0.8em;
}

.txt ul li{
	padding-bottom: 4px;
	list-style:disc inside;
}

.txt a {
	color:#395da6;
	font-weight:bold;
		font-size:0.9em;
}

.txt a {
	color:#395da6;
}

.txt a:hover {
	color:#7b7c48;
}

span.lutas {
	color:#577955;
	font-size:1.2em;
}
/************************************
*************************************

	FIM - Conteúdo

************************************
************************************/


 
  
.alignleft{float:left;}
.alignright{float:right;}



/* assinatura de desenvolvimento */

.rbulgueroni {
	color:#dfdfdf;
	float:right;
	margin-right:20px;
	font-size:0.7em;
}

.rbulgueroni a{
	color:#7fb172;
}