* { margin:0; padding:0; border:0; list-style:none;}
body { background:url(imagens/fundo.gif) repeat-x top center #fff; font-family: Georgia, "Times New Roman", Times, serif, Arial, Helvetica, sans-serif; }
*::-moz-selection { background-color: #CC6600; color: #FFFFFF; }
#global{ margin:0 auto; background:url(imagens/topo_img.jpg) no-repeat center top; }

/** ============================================================================
 * Topo
 */
#topo { margin:0 auto; height:150px; *height:165px; text-align:center;	}
#topo h1 { margin:0px auto; color: #FFFFFF; letter-spacing: -3px; font: bold 300% "Trebuchet MS", Courier, Verdana, Arial, Tahoma; }
#topo a { text-indent: -9999em; overflow: hidden; display: block; width: 750px; height:130px; margin:0px auto; background:url(imagens/logotipo.gif) no-repeat left; }
#topo a:hover{ color: #E1E1E1; }
#topo p{ color:#fff; margin: 0px auto; font: bold 10px Arial, Helvetica, sans-serif; letter-spacing: 2px; }

#banner_pt { /*width:450px; */margin:0 auto; padding:10px 0 10px 0; _padding-top:0; text-align:center; }

/** ============================================================================
 * Corpo do site 
 */
#corpo { width:750px; margin:0 auto; }

.vermelho_n { color:#CC0000; font-weight:bold; }
.vermelho { color:#CC0000; }

/** ============================================================================
 * Conteudo do site
 */
#conteudo { width:530px; padding:0px; margin:0 0 0 15px ; text-align:justify;}

.a_conteudo:link, .a_conteudo:visited, .a_conteudo:hover { color:#CC6600; text-decoration:underline; background:url(imagens/fd_link.gif) no-repeat bottom right; padding-right:15px; }
.a_conteudo:hover { color:#003366; background:url(imagens/fd_link_over.gif) no-repeat bottom right #f1f1f1;	}
.a_conteudo:active { background-color:#fff; }

#conteudo p { margin:10px 0 20px 0; font: normal 12px Georgia, "Times New Roman", Times, serif, Arial, Helvetica, sans-serif; }

#conteudo blockquote { background:url(imagens/quote1.gif) no-repeat top left; font: italic 18px Georgia, "Times New Roman", Times, serif; color:#666; padding-left:25px; margin:0px; text-align:left; }
#conteudo blockquote span { background:url(imagens/quote2.gif) right bottom no-repeat; padding-left:30px; }

#conteudo h1 { border-bottom: 1px solid #ccc; padding:3px 0px 0px 0px; }
#conteudo h1, h2, h3, h4 { font-family: "Trebuchet MS", Courier, Verdana, Arial, Tahoma; font-weight:bold; color:#CC6600; font-variant:small-caps; margin:0 0 15px 0; }
#conteudo h2 { padding:20px 0px 5px 0px; }

#conteudo h1 { font-size:25px; }
#conteudo h2 { font-size:23px; }
#conteudo h3 { font-size:20px; }
#conteudo h4 { font-size:18px; }
#conteudo h5 { font-size:16px; }
#conteudo h6 { font-size:14px; }

.img_link, .img_link_right { float:right; margin:0 0 15px 15px; }
.img_link_left{ float:left; margin:0 15px 15px 0; }

.right { float:right; margin:0 0 10px 10px; }
.left { float:left; margin:0 10px 10px 0; }
div.banner_mt { width:336px; height:280px; }

/** ============================================================================
 * Menu lateral direita 
 */
#menu { float:right; width:170px; padding:0px; margin:0 25px 0 0 ; *margin:0 3px 0 0 ; display:block;}
#menu ul { width:150px; padding:0px; margin:0 25px 0 0 ; *margin:0 3px 0 0 ; display:block; }
#menu ul li { color: #000; padding:0px;	font: 12px/17px Arial, Helvetica, sans-serif; }
#menu ul a { text-decoration:none; color:#333; display:block; width:150px; padding:5px; font-weight:bold; border-bottom:1px solid #e1e1e1; }
#menu ul a:hover { color: #fff; background:url(imagens/fundo_menu.gif) repeat-x bottom center #F27B10; }
#menu .categoria { padding:10px 5px 5px 15px; color:#C64B00; width:135px; margin:10px 0 5px 0 ; font-weight: bold; text-transform: uppercase; border-left:5px solid #CC3300; border-top:1px solid #CC3300; }
.txt_destaque { color:#FF0000; }

#flags { border:0px solid; width:160px; height:35px; background:url(imagens/flags.gif) no-repeat top left; margin:5px 0; padding:0 0 0 3px; }
#flags p { text-indent:-9999em; overflow:hidden; width:35px; height:35px; float:left; margin:0 5px 0 0; }
#flags p a { display: block; width:35px; height:35px; margin:0 2px 0 0; background:#fff; opacity:0; filter:alpha(opacity=0);  }

/** ============================================================================
 * RODAPE
 */
#fundo_rodape { background:url(imagens/fundo_rodape.jpg) repeat-x bottom; clear:both; }
#rodape { background:url(imagens/rodape.jpg) no-repeat bottom center; height:210px; margin:0px auto; }
div.banner_728 { margin:0 auto; width:728px; padding-bottom:10px; padding-top:10px; *padding-top:0; }

#creditos{ width:730px; margin:0px auto; text-align:right; padding-top:180px; *padding-top:175px; padding-right:10px; text-align:right; }
#creditos p a{ background:url(imagens/suprasolucoes_creditos.gif) no-repeat right; width:108px; height:31px; text-indent:-9999em; overflow: hidden; display: block; text-align:left; float:right; }
#creditos h1 a{ background:url(imagens/suprasolucoes_creditos.gif) no-repeat right; width:108px; height:31px; margin-top:-120px; *margin-top:-40px; text-indent: -9999em; overflow: hidden; display: block; text-align:left; float:right; }

/** ============================================================================
 * Estilos do formulario
 */
fieldset { border-left:10px solid #CC6600; padding:20px; margin:5px; }
fieldset label { float:left; font: normal 12px Georgia, "Times New Roman", Times, serif; color: #333; width:100px; margin-bottom:10px; cursor:pointer; }

.campo_texto, .campo_over { font: normal 14px Georgia, "Times New Roman", Times, serif; color: #CC3300; border:1px solid #ccc; padding:2px; margin-bottom:10px; background:#fff;}
.campo_over { color: #000; background-color:#F1F1F1; }
.bt_enviar{ font: bold 16px Georgia, "Times New Roman", Times, serif; color:#fff; background-color: #CC6600; border:2px solid #ccc; padding:10px 20px 10px 20px; text-align:center; cursor:pointer; }
.bt_enviar_div{ text-align:center; }
#mensagem{ font: normal 14px "Trebuchet MS", Courier, Verdana, Arial, Tahoma; color:#CC3300; }

.campo_banner { border:1px solid #ccc; padding:2px; font:normal 12px Georgia, "Times New Roman", Times, serif; margin:5px 0 0 0; background:#f7f7f7; color:#CC3300 }






/* ESTILOS DA BUSCA GOOGLE */
#busca{
	margin:0px auto;
	margin-top:20px;
}
#busca_google, #busca_google img, #sbb{
	text-align:center;
	padding:0px;
	margin:0px;
	vertical-align: middle;
}
#sbb{
	background:#CC6600;
	color:#FFFFFF;
	font-family:Tahoma, Verdana, Arial;
	font-size:11px;
	border:1px solid #996600;
	cursor:pointer;
	padding:1px 5px 1px 5px;
	margin-bottom:8px;
}
#busca_google label{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#006699;
	cursor: pointer;
}
#sbi{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#003366;
	vertical-align: middle;
}

/* // ESTILOS DA BUSCA GOOGLE */

.clear{ clear:both; }
/* ************************** */
/* FAN ART */
ul.fanart{
	float:left;
	border:1px solid #E1E1E1;
	padding:5px;
	margin:0px 5px 10px 5px;
}
ul.fanart li{
	padding:0px;
	margin:0px;
	list-style:none; 
	font-size:small; 
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:center;
}
/* // FAN ART */

#paginacao {
	margin:0 auto;
	padding-top:20px;
	float:left;
	width:90%;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:small;
}
#paginacao a{
	color: #CC3300;
	text-decoration:underline;
	padding:5px;
}
#paginacao a:hover{
	color:#003366;
	background:#F1F1F1;
}
#paginacao span{
	color:#666666;
}

/* =================================== */
/* download dos episodios */
#download_episodios{}
#download_episodios ul{ margin:0; padding:0; }
#download_episodios ul li{
	float:left;
	width: 500px;
	*width: 510px;
	/*background:#f1f1f1;*/
	/*background:url(imagens/fundo_download_ep.gif) right bottom repeat-x;*/
	margin:2px;
	text-align:left;
	padding: 10px;
	border:1px solid #e1e1e1;
	background:#f7f7f7;
}
#download_episodios ul li h3, #download_episodios ul li h4 { color: #004794;}
#download_episodios ul li h3, #download_episodios ul li h4, #download_episodios ul li p { margin:0;padding:0;}
#download_episodios ul li h4 { font-size:18px; font-variant:normal; font-weight:normal; }
/* ----------------------------------- */

/* =================================== */
/* gifs */

ul#imagens{ margin:0; padding:0; float:left;}
ul#imagens li{ float:left; padding:10px; border: 1px solid #e1e1e1; margin:2px; text-align:center; width:150px; height:120px; }

div#paginacao { padding:10px; text-align:center; margin-top:10px; }
/*div#paginacao a { padding:5px; background:#f1f1f1; }
div#paginacao a:hover { padding:5px; background: #003366; color:#fff; }*/
div#paginacao span { padding:5px; background: #f1f1f1; color:#999999; }

/* ----------------------------------- */

/* =================================== */
/* banner flutuante */
#banner_flutuante{
	width:336px;
	/*background:#006699;*/
	background:url(imagens/fundo_banner_flutuante.png);
	_background:none!important;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imagens/fundo_banner_flutuante.png',sizingMethod='scale');
	color:#FFFFFF;
	position:absolute;
	top:20px;
	left:500px;
	display:none;
	padding:5px;
}
#banner_flutuante p { text-align:right; margin:0px; margin-bottom:10px; margin-top:5px; *margin-top:10px; }
#banner_flutuante p a span{
	font-family:"Trebuchet MS", Arial, Tahoma;
	font-size:small;
	font-weight:bold;
	color:#CC0000;
	text-decoration:none;
}
#banner_flutuante p a {
	background:#FFFFFF;
	font-size:small;
	padding:4px;
}
/* ----------------------------------- */

span.video {
	margin: 0 auto;
	text-align: center;
	display: block;
}
#usuarios_online{
	display:block;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:small;
	color:#CC6600;
}

#banner_lateral { margin:10px 0px 0px 0px; text-align:center; }
#banner_lateral a { padding:2px; margin:0; }

#parceiros { 
	text-align: center;
	margin:5px 0 5px 0;
	padding:0;
	width:170px;
}
#parceiros p { margin:0 0 5px 0 ;}
#parceiros p span { color:#F05A10 ; font-weight: bold; font-size: small; }
#parceiros p a { border: 0; margin:0; padding:0; }
#parceiros p a img{	border:2px solid #ccc; }
#parceiros p a:hover img{ border:2px solid #F05A10; }
#parceiros p a:hover {
	background: none;
}

ul { margin:0 0 10px 0 ; padding: 0; font-size:14px; }
ul li { list-style: none; margin-bottom: 3px; }

#banner_loja { margin:0 auto; text-align:center; margin-top:10px; margin-bottom:10px; float:left; width:540px; }
#banner_loja a { border:2px solid #ccc; display:block; width:468px; margin:0 auto; }
#banner_loja a:hover { border:2px solid #CC6600; }

/* Estilos do livro de visitas */
#livro {}
#livro fieldset { width:480px; margin-top:80px; }
#livro fieldset label, #livro fieldset input, #livro fieldset textarea { display:block; float:none; padding:0; margin:0; }
#livro fieldset label { margin:10px 0 5px 0;}
#livro fieldset input, #livro fieldset textarea { margin:0; padding:2px; }
#livro .campo_texto, #livro .campo_over{ float:none; display:block; margin:0; padding:2px; }
#livro fieldset button { 
	margin:0 auto; 
	margin-top:20px; 
	margin-bottom:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	display:block;
	font-weight:bold;
	color:#FFFFFF;
	background-color: #CC6600;
	border:2px solid #CCCCCC;
	padding:5px 10px 5px 10px;
	text-align:center;
	cursor:pointer;
}

.livro_msg { 
	border:1px solid #ccc;
	padding:2px;
	margin-bottom:5px;
	background:#fff;
}
#livro p { margin:0; }
.data_livro { 
	font-size:x-small;
	font-weight:bold; 
	font-family:Arial, Helvetica, sans-serif; 
	color:#999999; 
	background: #f7f7f7;
	display:block; 
	padding:2px; 
}
.nome_livro_p{
	padding:10px;
	margin: 2px 0 2px 0;
	display:block;
	border-bottom:1px solid #e1e1e1;
}
.nome_livro {
	font-size:large;
	color:#CC6600;
}
.email_livro { color:#666666; font-size:x-small; margin-left:10px; }
.mensagem_livro{ 
	padding:5px;
	margin:5px;
}
.mensagem_livro span{
	line-height:14px;
	color:#333333;
	font-size: 12px;
}