@charset "utf-8";
/* CSS Document */

* { 
	margin: 0;
	padding: 0;
	list-style:none;
	vertical-align: baseline;
	/* padronizando nos navegadores */
}

img { border: 0; padding:0; margin:0; }
fieldset { display: block; border: 2px ridge #FFF; padding: 10px; /* padronizando nos navegadores */ }
ul, ol { margin-left: 10px; /* padronizando nos navegadores */}
input[type=hidden]{ display: none !important; visibility: hidden !important; /* esconde mesmo inputs hidden no FF */}
button { border: 1px outset #AAA;}
form button { text-align: center; margin: 5px auto; display: block; }
form ul { list-style: none; margin-left: 0; }
fieldset label { display: block;}
fieldset .radios label { display: inline; }
p { margin-top: 5px; margin-left:5px; }

/* padronizando tamanhos de cabecalho em todos os browsers */
h1 { font-size: 250%;}
h2 { font-size: 200%;}
h3 { font-size: 150%;}
h4 { font-size: 120%;}

/* classes costumeiras */
.ak { text-decoration: underline; /* access keys */ }
.u { text-decoration: underline; /* textos underline */}
.secoes { display: none; /* exibe nomes das seções se o CSS estiver desativado */ }
.img-left { float: left; }
.img-right { float: right;}
.erroinfo { background: #FFCCCC;}
.erro { background: #FF0000;}


/* DEFINIÇÃO DA ESTRUTURA - DIVS */

body, html  {
	padding: 0px;
	margin: 0px;
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: center;
	/* border: 1px solid green; */
	width: 100%;
	background-color: #000 !important;
	position: relative;
}

a {
	color:#FFFFFF;
	text-decoration:none;
}

a:hover{
	color:#CCC;
	text-decoration:underline;
}

#corpo {
	width: 760px;

	margin: 0px auto;
	padding: 20px;
	background: Black;
	 border-left-color:#FFF;
	 border-left-style:solid;
	 border-left-width:2px;
	 border-right-color:#FFF;
	 border-right-style:solid;
	 border-right-width:2px;
	 display:table; 
	 border-bottom-color:#FFF;
	 border-bottom-style:solid;
	 border-bottom-width:2px;
	 height:500px;
	 padding-top:0px;
}

#topo {
	width:760px;
	height:90px;
}

#logo {
	width:260px;
	height:90px;
	float:left;
	background:url(imgs/logo_cubo.jpg) no-repeat;
}

#banner {
	width:480px;
	height:90px;
	float:left;
	margin-left:20px;
	background:#FFFFFF;
}

#menu {
	width:760px;
	height:30px;
	float:left;
	margin-top:20px;
/*	background:url(imgs/menu_degrade.jpg) no-repeat;
*/}

#imagem {
	width:760px;
	float:left;
	margin-top:35px;
	height:397px;
	margin-bottom:0px;
}

#conteudo_esquerda {
	width:260px;
	height:397px;
	float:left;
	background:#000;
}

#conteudo_direita {
	width:478px;
	height:397px;
	float:left;
	margin-left:20px;
	text-align:center !important;
	border:1px solid #000000;
}

#conteudo_esquerda img {
	display:block;
}

#miniaturas {
	height:230px;
	width:260px;
}

#miniaturas a {
	color:#FFF;
	text-decoration:none;
}

#miniaturas1 {
	height:260px;
	width:260px;
	background-color:#FFFFFF;
}

#mini {
	width:44px;
	height:44px;
	margin: 5px 0 0 5px;
	float:left;
	border:1px solid #000000;
	display:inline;
}

#informacoes {
	margin-top:20px;
	height:95px;
	float:left;
	width:260px;
	background:#FFFFFF;
	clear:both;
	}

#end {
	width:800px;
	height:25px;
	clear:both;
	margin:0;
	padding:0;
	margin-left:auto;
	margin-right:auto;
	background-image:url(imgs/rodape.gif);
	background-repeat:no-repeat;
	}
	
#end p{
	margin:0;
	padding:0;
	padding-top:5px;
	}


#rodape {
}

#img_trans{ /*CSS for background veil that covers entire page while interstitial box is visible*/
	position: absolute;
	display:table;
	background: url(imgs/logo_julio_trans.png);
	/*background-repeat:repeat;*/
	left: 15px;
	top: 15px;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=70);
	opacity: 0.70;
	width:150px;
	height:36px;
}


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