/**** SITE PRODUZIDO POR RICARDO SILVA ****/

BODY {
 background: #ededed url('images/bg3.jpg') no-repeat center top;
 margin: 0px; 0px; 0px; 0px;
 text-align:center;
}

#content
{
  position: relative;
  left: 50%;
  width: 740px;
  margin: 0 0 0 -370px;
}

a:link    { TEXT-DECORATION: none; color: #ED1C24 }
a:visited { TEXT-DECORATION: none; color: #ED1C24 }
a:active  { TEXT-DECORATION: none; color: #ED1C24 }
a:hover   { TEXT-DECORATION: underline; color: #ED1C24 }

.divpai { display: table; }
.clear { clear: both; }


/*******************************************/
/**** 				FONTES 				****/
/*******************************************/

.FONTEMINUSCULA {
	font-size: 0.600em; 
	font-family: Trebuchet MS; Arial;
}

.FONTEMENOR {
	font-size: 0.800em; 
	font-family: Trebuchet MS; Arial;
}

.FONTEARTIGO {
	font-size: 0.950em; 
	font-family: Trebuchet MS; Arial;
}

.FONTEPEQUENA {
	font-size: 0.950em; 
	font-family: Trebuchet MS; Arial;
}
.FONTEMEDIA {
	font-size: 1.100em; 
 	font-family: Trebuchet MS; Arial;
}
.FONTEGRANDE {
	font-size: 1.350em; 
	font-family: Trebuchet MS; Arial;
}

.divpai { display: table; }
.clear { clear: both; }

/*******************************************/
/**** 				NÍVEIS 				****/
/*******************************************/

#DIVPAI {
	width: 1000px;
	text-align:left;
}
#NIVEL1 {
 	width: 1000px;
 	height: 100px;
 	text-align:left;
}
#NIVEL2 {
 	width: 1000px;
 	height: 266px;
 	text-align:left;
}
#NIVEL3 {
 	width: 1000px;
 	text-align:left;
}
#NIVEL4 {
 	width: 1000px;
 	text-align:left;
}

/*******************************************/
/**** 				ELEMENTOS 			****/
/*******************************************/

#MENU {
 width: 1000px;
 height: 100px;
 padding-top: 20px;
 padding-left: 0px;
}
#LOGO {
	 width: 415px;
	 height: 266px;
	 float: left;
}
#DIVULGADOR {
	width: 585px;
	height: 266px;
	float: left;
	background: url('images/bgquadro.gif') no-repeat center;
}
#DIVULGADORFILME {
 	width: 539px;
 	height: 190px;
 	margin-top: 10px;
 	padding-left: 20px;
}
#DESTAQUE {
	width: 415px;
	float: left
}
#FOTOS{
	width: 90px;
 	height: 80px;
	float: left;
}
#CONTEUDO{
 	width: 545px;
	padding-left: 20px;
	padding-right: 20px;
	float: left;
}
#CONTEUDOETIQUETA{
	width: 290px;
	height: 20px;
	margin-left: 70px;
}
#CONTEUDOTITULO{
	width: 310px;
 	height: 35px;
	margin-left: 70px;
}
#CONTEUDOLINK{
	width: 310px;
 	height: 25px;
 	margin-left: 70px;
}
#INSTITUCIONAL {
	width: 565px;
	float: left;
}
#QUADRO {
	width: 565px;
	height: 200px;
	background: url('images/quadros.gif') no-repeat center;
}
#RODAPE {
	width: 1000px;
}

#AMBIENTE {
	height: 395px;
}



hr {
	width: 370px;
	border-top: 1px dashed  #ED1C24 ;
	align: left;
}

#DIVPAI, #NIVEL1, #NIVEL2, #NIVEL3, #NIVEL4, #DESTAQUE, #INSTITUCIONAL {
 padding-top: auto;
 padding-left: auto;
 padding-right: auto;
 padding-bottom: auto;
 margin-top: auto;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: auto;
}

.preload1 {background: url(tab.png.gif);}
.preload2 {background: url(tabb_on.png.gif);}

.menu2 {padding:0 0 0 0px; margin:0; list-style:none; height:36px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
.menu2 li.top {display:block; float:left;}
.menu2 li a.top_link {display:block; float:left; height:36px; color:#444; text-decoration:none; }

.menu2 li a.top_link span {display:block; height:36px; float:left; line-height:27px; font-size:11px; font-weight:bold; padding:0 10px; cursor:pointer; background: url(images/tab_off.png) no-repeat;}
.menu2 li a.top_link b {display:block; width:15px; height:36px; float:left; background: url(images/tabb_off.png) no-repeat;}
.menu2 li a.top_link b.down {background: url(images/tabdown_off.png) no-repeat;}

.menu2 li a.top_link:hover span {color:#fff; background: url(images/tab.png) no-repeat; line-height:26px;}
.menu2 li a.top_link:hover b {color:#fff; background: url(images/tabb_on.png) no-repeat;}

.menu2 li:hover > a.top_link span {color:#fff; background: url(images/tab.png) no-repeat;}
.menu2 li:hover > a.top_link b {color:#fff; background: url(images/tabb_on.png) no-repeat;}
.menu2 li:hover > a.top_link b.down {color:#fff; background: url(images/tabdown_on.png) no-repeat;}


.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible; position:relative; z-index:200;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:0; top:32px; white-space:nowrap; width:120px; height:auto; z-index:300;}
.menu2 :hover ul.sub li {display:block; height:20px; float:left; width:120px; font-weight:normal; background: url(images/submid.png);}
.menu2 :hover ul.sub li.fly {background: url(images/submid_r.png);}

.menu2 :hover ul.sub li a {display:block; position:relative; font-size:11px; height:20px; width:120px; line-height:20px; text-indent:10px; color:#000; text-decoration:none;background:url(images/trans.gif);}
.menu2 :hover ul.sub li a:hover {color:#fff;}

.menu2 :hover ul.sub :hover > a {color:#fff;}

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul{left:120px; top:0; white-space:nowrap; width:120px; z-index:400; height:auto;}

.menu2 :hover ul.sub li.subtop,
.menu2 :hover ul :hover ul li.subtop,
.menu2 :hover ul :hover ul :hover ul li.subtop,
.menu2 :hover ul :hover ul :hover ul :hover ul li.subtop
{background:url(images/subtop.png);}

.menu2 :hover ul.sub li.flytop,
.menu2 :hover ul :hover ul li.flytop,
.menu2 :hover ul :hover ul :hover ul li.flytop,
.menu2 :hover ul :hover ul :hover ul :hover ul li.flytop
{background: url(images/subtop_r.png);}

.menu2 :hover ul.sub li.subbot,
.menu2 :hover ul :hover ul li.subbot,
.menu2 :hover ul :hover ul :hover ul li.subbot,
.menu2 :hover ul :hover ul :hover ul :hover ul li.subbot
{height:30px; background:url(images/subbottom.png);}

.menu2 :hover ul.sub li.flybot,
.menu2 :hover ul :hover ul li.flybot,
.menu2 :hover ul :hover ul :hover ul li.flybot,
.menu2 :hover ul :hover ul :hover ul :hover ul li.flybot
{height:30px; background: url(images/subbottom_r.png);}