/* Formatação do novo cyberpicos */
/* Junior Bezerra - Julho de 2008 */
/*========================================================================*/

@import "topo.css";
@import "menu.css";
@import "class.css";
@import "rodape.css";

body {
	margin:5px;
	background-image: url(../img/fundo.jpg);
	text-align:center;
}

#geral {
	margin:0px auto;
	width:992px;
	text-align:left;
}

hr{border:1px #CCCCCC dashed;}

/* _____________________TEMPLATE_____________________ */

#template {
	float:left;
	width:auto;
	background:#FFD203;
	padding-bottom:5px;
}

/* _____________________CONTEUDO_____________________ */

#conteudo_central {
	float:left;
	width:580px;
	margin:0px 5px 0px 5px; /* cima, direita, baixo, esquerda */
	display:inline; /* Serve para arrumar a div no IE 6 */
	/*background:#3366FF;*/
}

#conteudo_dir {
	position:static;
	float:right;
	width:185px;
	height:820px; /* Para demarcação da área */
	/*background:#FFFFFF; /* Cor original: #0066FF */
	margin:0px 5px 0px 5px; /* cima, direita, baixo, esquerda */
	/*background:#0000FF;*/
}

#conteudo_lateral {
	position:relative;
	float:left;
	width:207px;
	height:auto;
	/*background:#99CC00;*/
}

#destaque {
	float:left;
	/*background:#66CCFF;*/
	width:302px;
	height:200px;
	margin-right:5px;
}

/* _________PUBLICIDADES___________ */

#pub_cima {
	float:left;
	background:#FFFFFF;
	width:992px;
	height:130px;
}

#pub_lateral {
	position:relative;
	/*background:#FBE075;*/
	width:175px;
	*width:185px;
	padding:0px;
}

#pub_lateral ul { 
	padding:0px;
	list-style:none;
	margin-top:0px;
	margin-left:0px;
	margin:0px 0px 0px 0px;
}

#pub_lateral ul li { float:left; margin-bottom:0px; }


#pub_topo {
	float:left;
	background:#FF3300;
	margin:0px 0px 5px 5px;
	width:790px;
	height:200px;
}

#pub_meio {
	float:left;
	width:580px;
	height:180px;
	/*background:#3333CC;*/
	margin-top:3px;
}

/* _____________________LOGIN_____________________ */

#arearestrita {
	width:197px;
	height:95px;
	_width:207px; /* Para o IEca */
	_height:105px; /* Para o IEca */
	background:#39424A;
	padding:8px 5px 5px 5px; /* cima, direita, baixo, esquerda */
	margin-bottom:5px;
}

#arearestrita form {
	position:absolute;
	width:auto;
}

#arearestrita form input.login,
#arearestrita form input.senha {
	position:absolute;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	border:0;
	top:8px;
	width:122px;
	height:16px;
	_height:18px; /* Para o IEca */
	left:42px;
}


#arearestrita form input.senha {
	top:34px;
}

#arearestrita form input.enviar { /* Botão OK */
	position:absolute;
	top:36px;
	left:172px;
}

#arearestrita form #user-painel { /* Nome Login */
	position:absolute;
	top:10px;
	left:1px;
}

#arearestrita form #senha-painel { /* Nome Senha */
	position:absolute;
	top:36px;
	left:1px;
}

#arearestrita #link-esqueceu-senha { /* Nome Esqueceu a Senha */
	position:relative;
	top:60px;
	_top:55px;
	left:43px;
}

/* _________PAINEL ENQUETE E PROMOÇÃO___________ */

#box_enquete {
	position:relative;
	float:left;
	width:197px;
	_width:207px;
	padding:5px;
	margin-bottom:5px;
	background:#FFFFCC;
}

/* __________________ MURAL DE RECADOS __________________ */

#box_enviar {
	float:left;
	width:570px;
	_width:580px;
	background:#FFE56F;
	padding:5px; /* cima, direita, baixo, esquerda */
	margin-bottom:8px;
	_margin-bottom:0px;
}

#mural {
	float:left;
	width:580px;
	margin:3px 0px 0px 0px;
}

#box_torpedos {
	float:left;
	width:547px;
	_width:560px;
	height:auto;
	background:#FFFFCC;
	border:1px #996600 solid;
	padding:5px;
	margin-top:5px;
	clear:left;
}

/* __________GALERIA_____________ */

#box_galeria {
	float:left;
	width:568px;
	_width:580px;
	background-color:#FFFFCC;
	border:1px #996600 solid;
	padding:5px 5px 5px 5px; /* cima, direita, baixo, esquerda */
	/*margin:0px 0px 5px 0px; /* cima, direita, baixo, esquerda */
	margin-bottom:5px;
}

/* _________ FORMULÁRIOS ___________ */

form {
	margin:0px;
	padding:0px;
	text-align:left; 
}

p { 
	margin:5px 0px;
}

#box_geral {
	width:auto;
	margin:0px;
	padding:0px;
}

/* ___________ ENQUETE _______________ */

#box_enq_grande {
	float:left;
	width:570px;
	_width:580px;
	padding:5px;
	background:#FFEB8A;
	margin-bottom:5px;
}

#titulo {
	width:auto;
	margin-bottom:5px;
}

#opcoes {
	float:left;
	width:500px;
	margin-bottom:10px;
}

#barra_coments {
	float:left;
	margin-bottom:5px;
	width:570px;
	_width:580px;
	background:#FFFFFF;
	text-align:center;
	padding:5px
}

#comentarios {
	width:500px;
	_width:550px;
	background:#FFDA2F;
	padding:5px;
	margin-bottom:5px;
	list-style:none;
}

.TextoTitulo {font-family:Arial; font-size:15pt; color:#000000; font-weight: bold}
.Textoopcao {font-family:Arial; font-size:12pt; color:#000000}

/* _____________ Foto Torpedo _____________ */

#box_ftorpedos {
	float:left;
	width:202px;
	_width:207px;
	background:#FFFFCC;
	padding:5px 0px 0px 5px;
	margin-bottom:5px;
}

#ftorpedos {
	float:left;
	width:197px;
	padding-bottom:5px;
}