* {
    text-decoration: none; 
}

body {
    background: #0c0c0c url("../images/back.png") repeat-x;
    margin 0;
    padding: 0;
    border: 0;
    text-align: center;
    scrollbar-face-color: #000;
    scrollbar-highlight-color: #000;
    scrollbar-3dlight-color: #444;
    scrollbar-darkshadow-color: #444;
    scrollbar-shadow-color: #000;
    scrollbar-arrow-color: #ffe600;
    scrollbar-track-color: #5c5a5a;
}

#tudo {
    width: 790px;
    margin: 0 auto;
    padding: 0;
    text-align: left;
}

#geral {
    position: relative;
    top: 65px;
    left: 0;
    width: 780px;
    height: 500px;
    margin: 0 0 0 0;
    padding: 0;
}

/* IFRAME CENTRAL */

#miolo {
    position: absolute;
    top: 111px;
    left: 15px;
    width: 615px;
    height: 335px;
    margin: 0;
    padding: 0;
    background: #000;
	z-index: 101;
}

/* IFRAME CENTAL */

/* MENU LATERAL */

#menu {
    position: absolute;
    top: 35px;
    left: 2px;
    width: 128px;
    height: 370px;
    margin: 0;
    padding: 0;
    background: url("../images/menu.png") no-repeat;
}

#menu ul {
    font: 11px verdana;
    margin: 11px 0 0 20px;
    padding: 0;
}

#menu li {
    color: #FFF;
    list-style: none;
    margin: 0 0 23px 0;
    padding: 0;
}

#menu a {
    color: #FFF;
    text-decoration: none;  
    margin: 0;
    padding: 0;
}

#menu a:hover {
    color: #d5ff00;
    margin: 0;
    padding: 0;
}


/* MENU LATERAL */

#conteudo {
    position: absolute;
    top: -35px;
    left: 130px;
    margin: 0;
    padding: 0;
    width: 668px;
    height: 479px;
    background: #000 url("../images/back_cont.png");
}

#topo_fixo {
    position: relative;
    top: 35px;
    left: 15px;
    margin: 0;
    padding: 0;
    width: 615px;
    height: 80px;
    background: #000 url("../images/topo_fixo.png") no-repeat center;  
}
  
/* MENU BOTTOM */

img {
    padding: 0;
    margin: 0;
    border: 0;  
}

#menu_bottom {
	position: absolute;
	top: 426px;
	left: 143px;
	width: 550px;
	height: 45px;
	padding: 0;
	margin: 0;
}

/*

#menu_bottom ul, li, a {
    margin: 0x;
    padding: 0;
}

*/

#menu_bottom li {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
}

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

/* MENU BOTTOM */

#dpi {
    position: absolute;
    top: 440px;
    left: 707px;
    padding: 0;
    margin: 0;
}

/* BOTOES */

#botoes {
    position: absolute;
    top: 400px;
    left: 10px;
    padding: 0;
    margin: 0;
}

#bt_home {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
}

#bt_home a {
    background: url("../images/bt_home.gif") no-repeat center;
    text-decoration: none;
    padding: 0;
    margin: 0;
}

#bt_home a:hover {
    background: url("../images/bt_home_over.gif") no-repeat center;
    text-decoration: none;
    padding: 0;
    margin: 0;
}

#bt_contato {
    position: absolute;
    top: 0;
    left: 25px;
    padding: 0;
    margin: 0;
}


#bt_contato a {
    background: url("../images/bt_contato.gif") no-repeat center;
    text-decoration: none;
    padding: 0;
    margin: 0;
}

#bt_contato a:hover {
    background: url("../images/bt_contato_over.gif") no-repeat center;
    text-decoration: none;
    padding: 0;
    margin: 0;
}

/* BOTOES */


/* CLASSES */

.texto {
    font: 10px verdana;
    color: #FFF;
    text-align: justify;
    margin: 0;
    border: 0;
}

.img_materias {
    float: left;
    padding: 0;
    margin: 0 5px 0 0;
    border: 8px solid #FFF;
}

.mat {
    font: 11px verdana;
    color: #FFF;
    text-decoration: none;
}

.mat:hover {
    color: #d5ff00;  
}

samp {
    font: 11px verdana;
    color: #d5ff00;  
}

.titulo {
    font: 14px verdana;
    color: #d5ff00;
    text-align: left;
    margin: 0;
    padding: 0;
}
  
.subt {
    font: 12px verdana;
    color: #d5ff00;
    text-align: left;
    margin: 0;
    padding: 0;
}

.mais {
    font: bold 9px verdana;
    color: #d5ff00;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

.mais:hover {
    color: #FFF;  
}

.voltar {
    font: bold 9px verdana;
    color: #d5ff00;
    margin: 0;
    padding: 0;
    text-decoration: none;
    text-align: right;
}

.voltar:hover {
    color: #FFF;  
}

.cx_texto {
    position: absolute;
    top: 0;
    left: 10px;  
    width: 300px;
    height: 320px;
    margin: 0;
    padding: 0 5px 0 0;
    overflow: auto;
}
    
.link {
    float: left;
    font: 11px verdana;
    color: #d5ff00;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

.link:hover {
    color: #FFF;  
}

.cx_materias {
    position: absolute;
    top: 0;
    left: 10px;  
    width: 595px;
    height: 315px;
    margin: 0;
    padding: 0 5px 0 0;;
    overflow: auto;
}

.cx_materias_full {
    position: absolute;
    top: 0;
    left: 10px;  
    width: 595px;
    height: 100%;
    margin: 0;
    padding: 0 5px 0 0;;
}

.rodape_mat {
    position: absolute;
    top: 315px;
    left: 440px;
    color: #fff;
}

/* FORMULÁRIOS */

label {
    display: block;
    color: #FFF;
    font: 10px verdana;  
}

.nome, .email, .estado, .mensagem {
    background: #3d3d3d;
    border: none;
    margin: 0 0 5px 0;
    width: 200px;
    color: #FFF;
}

.bt_enviar {
    color: #d5ff00;
    background: #3d3d3d;
    border: none;
    font: 10px verdana;
    width: 50px;
    height: 18px;
    text-decoration: none;
}

.bt_enviar:hover {
    color: #FFF;
}

.enviar {
    color: #d5ff00;
    background: #3d3d3d;
    border: none;
    font: 10px verdana;
    width: 350px;
    height: 18px;
    text-decoration: none;
}

.enviar:hover {
    color: #FFF;
}

.enviar2 {
    color: #d5ff00;
    background: #3d3d3d;
    border: none;
    font: 10px verdana;
    width: 50px;
    height: 18px;
    text-decoration: none;
    margin: 0 0 0 0;
    padding: 0;
}

.enviar2:hover {
    color: #FFF;
}

/* FORMULÁRIOS */

.mural {
    font: 12px verdana;
    color: #FFF;
    margin: 0;
    padding: 0;
    text-align: center;
}

.recado {
    font: 10px verdana;
    color: #FFF;
    background: #000;
    margin: 0 15px;
    padding: 0;
    text-align: justify;
}

.resposta {
    font: 13px verdana;
    color: #d70000;
    margin: 0;
    padding: 0;
    text-align: left;
}

.estrela {
    position: relative;
    top: 4px;
    margin: 0;
    padding: 0;  
}

/* CLASSES */

/* SESSÂO HOME */

#home_fotos {
    position: relative;
    top: 15px;
    left: 0px;
    width: 225px;
    height: 280px;
    margin: 0;
    padding: 0;
    text-align: center;
	z-index: 100;
}

.fade1 {
    position: relative;
    top: -8px;
    left: -8px;
    width: 225px; 
    height: 280px;
    margin: 0;
    padding: 0;
    text-align: center;
}

.fade2 {
    position: relative;
    top: -8px;
    left: -8px;
    width: 249px; 
    height: 268px;
    margin: 0;
    padding: 0;
    text-align: center;
}
  
#img_home {
    float: left;
    width: 253px;
    height: 310px;
    background: #000 url("../images/img_home.png");
    margin: 0;
    padding: 0;
    text-align: center;
}

#nov_cima {
    float: bottom;
    width: 330px;
    height: 125px;
    margin: 5px 0 9px 260px;
    padding: 0;
    text-align: left;
}

#nov_baixo {
    width: 330px;
    height: 125px;
    margin: 9px 0 0 260px;
    padding: 0;
    text-align: left;
}

#img_home01 {
    float: left;
    width: 125px;
    height: 125px;
    background: #000 url("../images/fotos_img.jpg") no-repeat;
    padding: 0;
    margin: 0;
}

#img_home02 {
    float: left;
    width: 125px;
    height: 125px;
    background: #000 url("../images/videos_img.jpg") no-repeat;
    padding: 0;
    margin: 0;
}

hr {
    color: #d5ff00;
    background: #d5ff00;
    text-align: center;
    width: 330px;
    height: 1px;
    border: 0;
    margin: 0;
    padding: 0;
}

/* SESSÂO HOME */


/* SESSÃO LILIAN GONÇALVES */

#img_lilian {
    position: absolute;
    top: 20px;
    left: 327px;
    background: #000 url("../images/img_lilian.jpg") no-repeat;
    width: 277px;
    height: 294px;
}

/* SESSÃO LILIAN GONÇALVES */


/* SESSÃO HISTÓRIAS */

#img_historias {
    position: absolute;
    top: 20px;
    left: 330px;
    background: #000 url("../images/img_hist.jpg") no-repeat;
    width: 255px;
    height: 235px;
}

#roll_imgs {
    position: absolute;
    top: 276px;
    left: 0;
    padding: 0;
    margin: 0;
    width: 615px;
    height: 60px;
    background: #3d3d3d
}

.cx_texto_hist {
    position: absolute;
    top: 0;
    left: 10px;  
    width: 595px;
    height: 270px;
    margin: 0;
    padding: 0 5px 0 0;;
    overflow: auto;
}

#hist {
    position: absolute;
    top: 0px;
    left: 0;
    width: 615px;
    height: 275px;
    margin: 0;
    padding: 0;
}

/* SESSÃO HISTÓRIAS */


/* SESSÃO AGENDA */

#img_agenda {
    position: absolute;
    top: 20px;
    left: 327px;
    background: #FFF url("../images/img_agenda.jpg") no-repeat;
    width: 277px;
    height: 294px;
}

#dercy {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    margin: 0;
    padding: 0;
    width: 254px;
    height: 269px;
}
  
#cap {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    margin: 0;
    padding: 0;
    width: 254px;
    height: 269px;
}
 
#agenda {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    margin: 0;
    padding: 0;
    width: 254px;
    height: 269px;
}
 
#convites {
    position: absolute;
    top: 14px;
    left: 16px;
    background: #FFF;
    width: 247px;
    height: 265px;
}

.agenda {
    color: #d5ff00;
    background: #d5ff00;
    text-align: center;
    width: 270px;
    height: 1px;
    border: 0;
    margin: 0;
    padding: 0;
}

/* SESSÃO AGENDA */


/* SESSÃO NA MIDIA */

#img_midia {
    position: absolute;
    top: 20px;
    left: 327px;
    background: #000 url("../images/img_midia.jpg") no-repeat;
    width: 277px;
    height: 294px;
}

.imprimir {
    width: 50px;
    height: 13px;
    background: #000;
    color: #d5ff00;
    font: bold 9px verdana;
    border: none;
    padding: 0;
    margin: 0;
}

.imprimir:hover {
    color: #FFF;  
}

.imprimir_mat {
    font: bold 9px verdana;
    color: #FFF; 
}

@media print {
    p a {
    font: 12px verdana;
    color: #000;
    text-align: justify;
		background: transparent;
    }
}

/* SESSÃO NA MIDIA */


/* SESSÃO VIDEOS */

#video {
	position: absolute;
	top: 10px;
	left: 275px;
	width: 300px;
	height: 312px;
	background: #000;
	margin: 0;
	padding: 0;
	text-align: center;
}

#videos_back {
    position: absolute;
    top: -10px;
    left: 0px;
    width: 330px;
    height: 309px;
    background: #000 url("../images/img_videos.jpg") right no-repeat;
    margin: 0;
    padding: 0;
    text-align: center;
}

/* SESSÃO VIDEOS */



/* SESSÃO FOTOS */

/*GALERIA DE IMAGENS*/

.galeria {
    position: absolute;
    top: 20px;
    left: 21px;
  	width: 684px;
  	/*largura total somando os thumbs e a imagem normal*/
  	margin: 0 auto;
  	text-align: left; 
}

.imagens { 
    /*tamanho da imagem normal*/
  	background: #000 url("../images/img_fotos.jpg") center no-repeat;
  	/*imagem que aperecerá quando não tiver nenhuma imagems sendo selecionada*/
  	width: 290px; 
  	height: 218px; 
  	position: relative; 
  	top: -6px;
  	left: -120px;
  	float: right;
  	border: 10px solid #FFF;
}

ul.fotos {
  	position: relative;
  	list-style: none;  
  	width: 225px;
  	/*largura da coluna de thumbs*/
  	padding: 1px;
  	margin: 0; 
}

.fotos:after {
  	display: block;
  	content: ".";
  	height: 0;
  	font-size: 0; 
  	visibility: hidden;
  	clear: both;
}

ul.fotos li {
    /*tamanho dos thumbs*/
  	width: 50px;
  	height: 50px;
  	float: left; 
  	margin: 2px; 
}

ul.fotos li img {
  	border: none; 
  	width: 50px;
  	height: 50px;
}

ul.fotos li span img {
    /*tamanho das imagens normais*/
  	border: none;
  	width: 290px;
  	height: 218px;
  	height: auto;
}

ul.fotos a {
  	display: block;
} 
	
ul.fotos a span {
  	display: none;
  	text-decoration: none;
}

ul.fotos a:hover span.legenda {
  	position: absolute;
  	top: 210px;
  	left: 0px;
  	display: block;
  	text-align: center; 
  	/*largura da imagem normal*/
  	width: 290px;
  	font: 10px verdana;
}

ul.fotos a:hover span {
  	display: block;
    position: absolute; 
  	top: 4px; 
  	left: 264px; 
  	background: #FFF;
}
   
ul.fotos a:hover {
  	padding: 0px 0;
  	color: #333333; 
}

/*GALERIA DE IMAGENS*/

#back_fotos {
    position: absolute;
    top: 10px;
    left: 270px;
    width: 320px;
    height: 250px;
    background: #FFF url("../images/back_fotos.png") no-repeat;
    margin: 0;
    padding: 0;
}

#setas {
    position: absolute;
    top: 220px;
  	width: 222px;
  	height: 14px;
  	background: #5c5a5a;
  	font: bold 9px verdana;
  	color: #FFF;
  	text-align: center;
  	margin: 0;
  	padding: 0;
  	text-decoration: none;
}

#setas a {
    text-decoration: none;
    color: #d5ff00;
}

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

#topo_fotos {
    position: absolute;
    top: 0;
    left: 0;
    width: 615px;
    height: 60px;
}

#frame_fotos {
    position: absolute;
    top: 61px;
    left: 0;
    width: 615px;
    height: 272px;
    margin: 0;
    padding: 0;
}

/* SESSÃO FOTOS */


/* SESSÃO MURAL */

#mural {
    position: absolute;
    top: 90px;
    left: 200px;
    text-align: left;  
}

.mural_01 {
    float: left;
    width: 290px;
    height: 130px;
    background: #000;
    margin: 5px 3px 3px 1px;
    padding: 0px;
}

.mural_02 {
    position: relative;
    top: 0;
    width: 290px;
    height: 37px;
    background: #000 url("../images/back_mural.jpg") no-repeat center top;
    margin: 0;
    padding: 13px 0 0 0;
}

#enviar {
    position: absolute;
    top: 305px;
    left: 0;
    padding: 3px 0 0 13px;
    margin: 0;
    width: 615px;
    height: 40px;
    text-align: left;
    background: #3d3d3d;
}

/* SESSÃO MURAL */


/* SESSÃO LOJA */

#faixa {
    position: absolute;
    top: 120px;
    left: 0;
    width: 625px;
    height: 50px;
    background: #3d3d3d;
    padding: 30px 0 0 0;
    margin: 0;
    text-align: center;
    color: #d5ff00;
    font: 12px verdana;
}

/* SESSÃO LOJA */


/* SESSÃO CONTATO */

#contato {
    position: absolute;
    top: 90px;
    left: 20px;
    text-align: left;  
}

#img_contato {
    position: absolute;
    top: 20px;
    left: 327px;
    background: #000 url("../images/img_contato.jpg") no-repeat;
    width: 277px;
    height: 294px;
}

#contato_fot {
    position: absolute;
    top: 13px;
    left: 15px;
    width: 249px;
    height: 268px;
    padding: 0;
    margin: 0;
}

/* SESSÃO CONTATO */



/* SESSÃO FALE COM A LILIAN */

#pergunte {
    position: absolute;
    top: 90px;
    left: 20px;
    text-align: left;  
}

#img_pergunte {
    position: absolute;
    top: 20px;
    left: 327px;
    background: #000 url("../images/img_pergunte.jpg") no-repeat;
    width: 277px;
    height: 294px;
}

/* SESSÃO FALE COM A LILIAN */

/* RESPOSTA FORMULÁRIO */

#obrigado {
    position: absolute;
    top: 150px;
    left: 135px;
    padding: 0;
    margin: 0;
    text-align: center;
    color: #d5ff00;
    font: 15px verdana;
}

/* RESPOSTA FORMULÁRIO */

/* PLAYER FLASH MP3 */

#mp3 {
	position: absolute;
	top: 426px;
	left: 10px;
	width: 156px;
	height: 123px;
	padding: 0;
	margin: 0;
}
#reveillon {
	
	width: 406px;
	height: 376px;
	z-index: 1000000;
	position: absolute;
	top: 5%;
	left: 50%;
}

#reveillon img  {
	position: absolute;
}