
html{
    overflow-y: hidden;
    overflow-x: auto;
    height:97%;
}

body{
	font: 10px Lucida Sans Unicode, Lucida Grande, sans-serif;
	background: #FFFFFF;
	margin: 0px 0px 0px 0px;
	text-align:justify;
	color:gray;
    width:100%;
    height:100%;
}

img{
    border:0px;
}

a{
    text-decoration:none;
}

a:link {
    color: gray;
}
a:visited {
    color: gray;
}
a:hover {
    color: #000000;
}
a:active {
    color: gray;
}

#conteudo{
    display:none;
    position:absolute;
    
    height:510px;width:900px;}

.content_ul {
    width:100%;
}

.begin_list {
    float:left;
    top:0;
    height:100%;
    width:20px;
}

.end_list {
    float:left;
    top:0;
    height:100%;
    width:20px;
}

.content_list {
    float:left;
    top:0;
    margin:20px 0px 0px 0px;
    height:100%;
}

.content_film {
    float:left;
    top:0;
    
        margin:100px 0px 0px 20px;
        height:100%;}

#creditos {
	font: normal 9px Lucida Sans Unicode, Lucida Grande, sans-serif;
    margin:0px 0px 0px 20px;
    letter-spacing: 1px;
    position:absolute;
    height:20px;
    vertical-align:top;
    top:495px;    
}

#titulo {
	font: bold 12px  Lucida Sans Unicode, Lucida Grande, sans-serif;
    position:absolute;
    left:20px;
    letter-spacing: 1px;
}

#nav{
    height:395px;
    width:100%;
    position:absolute;
    left:0px;
    bottom: -10px;
    color:gray;
}

#background{
    height:395px;
    width:100%;
    background: url(img/bg/fundo2.jpg);
    z-index:10;
    position:absolute;
    left:0px;
    bottom: -10px;
    z-index:200;
}

#barra{
    height:395px;
    width:100%;
    background: url(img/nav_bg.jpg);
    z-index:10;
    position:absolute;
    left:0px;
    bottom: -10px;
}


#language{
    padding:10px;
	font: normal 12px  Lucida Sans Unicode, Lucida Grande, sans-serif;
    position:absolute;
    left:40px;
    top: 15px;
}

#letraset{
    height:27px;
    width:450px;
    background: url(img/guta_letraset_2.gif) no-repeat;
    z-index:20;
    position:absolute;
    left:40px;
    top: 1px;
}

#nome{
    height:26px;
    width:226px;
    background: url(img/guta_nome.gif) no-repeat;
    z-index:40;
    position:absolute;
    left:40px;
    top: -25px;
}

#deco_dir{
    height:59px;
    width:66px;
    background: url(img/girafa_pq.gif) no-repeat;
    z-index:40;
    position:absolute;
    right:60px;
    top: -45px;
}

#menu{
    height:340px;
    width:900px;
    z-index:40;
    position:absolute;
    left:40px;
    top: 60px;
    display:none;
    z-index:0;
}

#menu_conteudo{
    height:340px;
    width:800px;
    z-index:40;
    position:absolute;
    left:180px;
    top: 120px;
    display:none;
    overflow-x:none;
}

.menu_tx{
    width:700px;
	font: normal 15px 'Lucida Sans Unicode','Lucida Grande',sans-serif;
	letter-spacing:3px;
	color:gray;
}

.cont_tx{
    margin:0px 10px 0px 0px;
    float:left;
    top:0;
    width:130px;
    height:100%;
	font: normal 15px 'Lucida Sans Unicode','Lucida Grande',sans-serif;
	color:gray;
    background: url(img/bg.png);}


.main_menu{
	font: normal 14px 'Lucida Sans Unicode','Lucida Grande',sans-serif;
	color:gray;
	letter-spacing:2px;
	float:left;
	margin-right:20px;
    display:block;
}

.main_menu_pess{
	font: normal 14px 'Lucida Sans Unicode','Lucida Grande',sans-serif;
	color:gray;
	letter-spacing:2px;
	float:left;
	margin-right:20px;
    display:block;
    margin-top:5px;
}

.main_art{
	font: normal 14px 'Lucida Sans Unicode','Lucida Grande',sans-serif;
	color:gray;
	letter-spacing:2px;
	margin-bottom:20px;
	float:left;
	margin-right:30px;
    display:block;
    cursor:pointer;
}

.main_menu_cont{
	font: normal 14px 'Lucida Sans Unicode','Lucida Grande',sans-serif;
	letter-spacing:3px;
	margin-top:20px;
	display:none;
	height:200px;
    overflow:hidden;
    position:absolute;
}

#dir_art{
	font: normal 9px 'Lucida Sans Unicode','Lucida Grande',sans-serif;
	letter-spacing:3px;
    width:700px;
    display:none;
    }

.sub_arte{
	font: normal 9px 'Lucida Sans Unicode','Lucida Grande',sans-serif;
	color:gray;
	letter-spacing:2px;
	float:left;
	margin-right:20px;
    display:block;
}

#back{
    position:absolute;
    right:120px;
    top:-30px;
}

.sub_menu{
	font: normal 9px 'Lucida Sans Unicode','Lucida Grande',sans-serif;
	letter-spacing:3px;
	color:gray;
	margin-top:3px;
	margin-left:5px;
}

div.sub_menu a{
    text-decoration:none;
}

div.sub_menu a:link {
    color: gray;
}
div.sub_menu a:visited {
    color: gray;
}
div.sub_menu a:hover {
    color: #000000;
    text-decoration:line-through;
}
div.sub_menu a:active {
    color: gray;
}

.item_cont{
	font: normal 9px 'Lucida Sans Unicode','Lucida Grande',sans-serif;
	color:gray;
	margin-top:8px;
	margin-left:5px;
	text-align:left;
	letter-spacing:2px;
}

div.item_cont a{
    text-decoration:none;
}

div.item_cont a:link {
    color: gray ;
}
div.item_cont a:visited {
    color: gray;
}
div.item_cont a:hover {
    color: #000000;
}
div.item_cont a:active {
    color: gray;
}

#menu_frame{
    width:400px;
    height:200px;
    background:white;
    position:absolute;
    top:200px;
    left:200px;
    overflow:hidden;
    display:none;
}

#tx_conteudo{
    font: normal 9px 'Lucida Sans Unicode','Lucida Grande',sans-serif;
    width:400px;
    background:white;
    position:absolute;
    left:15px;
}

#barra{
    width:6px;
    height:200px;
    background:#FFFFFF url(img/bg_scroll.jpg) no-repeat center;
    float:left;
}

#scroll{
    width:6px;
    height:30px;
    background:gray;
    position:absolute;
}

#wait{
    display:none;
}
