/*------------------------------ GERAL ---------------------------------------*/
html{
	height:100%;

}

body{
	height:100%;
	margin:0;
	font-size:11px;
	font-family:Helvetica,  Arial, sans-serif;
	overflow:hidden;
	background-color:transparent;
	background:none;
}
body#inicial{
	background-image:url(../img/layout/body_fundo.jpg);
	background-position:center;
}

ul, ol, li, h1, h2, h3, h4{
	margin:0px;
	padding:0px;
	display:inline;
	list-style:none;
}
*{
	outline:none;
}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
}
iframe{
	margin:-10px auto;
	background-color:transparent;
}
#Site{
	background-image:url(../img/layout/site_fundo.png);
	_background-image:url(../img/layout/site_fundo.gif);
	background-position:0 0;
	height:548px;
	
	width:900px;
	margin:0 auto;
	padding:11px 0px 10px 19px;
	overflow:hidden;
}
#Site.intro{
	background-image:none;
	background-position:0 0;
	height:548px;
	width:900px;
	margin:0px auto;
	padding:11px 0px 10px 19px;
	overflow:hidden;
}

/*------------------------------ GERAL FIM -----------------------------------*/
/*------------------------------ MENU ----------------------------------------*/
#Menu{
	width:878px;
	height:30px;
	border-bottom:1px solid #916B0E;
	_border:none;
	position:relative;
	z-index:100;
	_overflow:hidden;
	background-color:#fff;
}
#Menu ul{
	display:block;
	height:30px;
}
#Menu ul li.menu_item{
	display:block;
	width:91px;
	height:30px;
	float:left;
	background-image:url(../img/layout/menu.png);
	_background-image:url(../img/layout/menu.gif);
}
#Menu ul li#MenuInicio		{background-position:-190px   0;width:150px; height:92px; margin:0 0px 0 0px;}
#Menu ul li#MenuSantaSophia	{background-position:   0     0;}
#Menu ul li#MenuCafeteria	{background-position:   0   -30px;}
#Menu ul li#MenuProdutos	{background-position:   0   -60px;}
#Menu ul li#MenuEventos		{background-position:   0   -90px;}
#Menu ul li#MenuCuriosidades{background-position:   0  -120px;}
#Menu ul li#MenuGaleria		{background-position:   0  -150px;}
#Menu ul li#MenuNoticias	{background-position:   0  -180px;}
#Menu ul li#MenuFaleConosco	{background-position:   0  -210px;}
#Menu ul li#MenuSantaSophia.menu_ativo,

#Menu ul li#MenuSantaSophia.hover,
#Menu ul li#MenuSantaSophia:hover
	{background-position:-91px     0;}
#Menu ul li#MenuCafeteria.menu_ativo,
#Menu ul li#MenuCafeteria.hover,
#Menu ul li#MenuCafeteria:hover
	{background-position:-91px  -30px;}
#Menu ul li#MenuProdutos.menu_ativo,
#Menu ul li#MenuProdutos.hover,
#Menu ul li#MenuProdutos:hover
	{background-position:-91px  -60px;}
#Menu ul li#MenuEventos.menu_ativo,
#Menu ul li#MenuEventos.hover,
#Menu ul li#MenuEventos:hover
	{background-position:-91px  -90px;}
#Menu ul li#MenuCuriosidades.menu_ativo,
#Menu ul li#MenuCuriosidades.hover,
#Menu ul li#MenuCuriosidades:hover
	{background-position:-91px -120px;}
#Menu ul li#MenuGaleria.menu_ativo,
#Menu ul li#MenuGaleria.hover,
#Menu ul li#MenuGaleria:hover
	{background-position:-91px -150px;}
#Menu ul li#MenuNoticias.menu_ativo,
#Menu ul li#MenuNoticias.hover,
#Menu ul li#MenuNoticias:hover
	{background-position:-91px -180px;}
#Menu ul li#MenuFaleConosco.menu_ativo,
#Menu ul li#MenuFaleConosco.hover,
#Menu ul li#MenuFaleConosco:hover
	{background-position:-91px -210px;}
#Menu ul li a{
	display:block;
	height:30px;
	_height:29px;
	width:100%;
	text-indent:-1000em;
	_border-bottom:1px solid #916B0E;
}
#Menu ul li#MenuInicio a{
	height:80px;
}
#Menu ul li ul.submenu{
	display:none;
}
#Menu ul li ul.submenu.hover,
#Menu ul li ul.submenu:hover{
	display:block;
}
#Menu ul li.menu_item.hover ul,
#Menu ul li.menu_item:hover ul{
	display:block;
	_display:none;
	width:180px;
	height:95px;
	background-image:url(../img/layout/menu.png);
	_background-image:url(../img/layout/menu.gif);
	background-position:-190px -100px;
}
#Menu ul li ul.submenu li{
	XXbackground-color:#C49A34;
	display:block;
	height:20px;
	width:170px;
	line-height:20px;
	border-bottom:1px solid #D6B870;
	letter-spacing:-1px;
	word-spacing:1px;
}
#Menu ul li ul.submenu li.hover,
#Menu ul li ul.submenu li:hover{
	background-color:#D6B870;
}
#Menu ul li ul.submenu li a{
	text-indent:10px;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
	color:#fff;
}

#logoIe6{
	height:60px;
	width:150px;
	display:none;
	_display:block;
	position:absolute;
	top:-1px;
	left:364px;
	z-index:200;
	background-image:url(../img/layout/menu.gif);
	background-position:-190px   -30px;
}
.submenuIE6{
	display:none;
}
ul.submenuIE6{
	margin:-10px 0 0 0;
	padding:0px;
}
ul.submenuIE6 li{
	margin:0 0 0 -20px;;
	padding:0px;
	display:block;
	height:20px;
	width:170px;
	line-height:20px;
	border-bottom:1px solid #D6B870;
	letter-spacing:-1px;
	word-spacing:1px;
}
ul.submenuIE6 li a{
	text-indent:10px;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
	color:#fff;
}
#MenuSantaSophiaIe6{
	background-color:#C49A34;
	height:60px;
	width:170px;
	position:absolute;
	top:-15px;
	left:0px;
	z-index:200;
	display:none;
}
#MenuCafeteriaIe6{
	background-color:#C49A34;
	height:60px;
	width:120px;
	position:absolute;
	top:-15px;
	left:90px;
	z-index:200;
	display:none;
}
#MenuProdutosIe6{
	background-color:#C49A34;
	height:60px;
	width:120px;
	position:absolute;
	top:-15px;
	left:178px;
	z-index:200;
	display:none;
}
/*------------------------------ MENU FIM ------------------------------------*/
/*------------------------------ CONTEUDO ------------------------------------*/
#Conteudo{
	width:878px;
	height:442px;
	position:relative;
	z-index:10;
	top:-61px;
	*top:0px;
	-top:0px;
	background-image:url(../img/fundos/inicio1.jpg);
	overflow:hidden;
}
img#ImagemFundo2{
	display:none;
	position:relative;
	top:-61px;
	_top:0px;
	left:0px;
}
/*========== CONTEUDO INTEIRO =========*/
#ConteudoInteiro{
	width:878px;
	height:442px;
	position:relative;
	top:-51px;
	left:0px;
	display:none;
}
/*========== CONTEUDO INTEIRO FIM =====*/
/*========== CONTEUDO ESQUERDA ========*/
#ConteudoEsquerda{
	width:374px;
	height:0px;
	float:left;
	background-color:#fff;
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	opacity:0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}
#ConteudoEsquerdaFundo{
	width:504px;
	height:0px;
	float:left;
	position:absolute;
	top:0px;
	left:374px;
	display:none;
	opacity:0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}
#ConteudoEsquerdaFundo img,
#ConteudoDireitaFundo img{
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	opacity:1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}
#ConteudoEsquerda.visivel,
#ConteudoEsquerdaFundo.visivel{
	display:block;
	height:442px;
	opacity:1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

#ConteudoDireita div.area_conteudo{
	width:364px;
	height:422px;
	margin:10px 0 10px 10px;
	overflow:hidden;
	position: relative;
}
#ConteudoEsquerda div.area_conteudo{
	width:364px;
	height:422px;
	margin:10px 10px 10px 0;
	overflow:hidden;
	position: relative;
}
#ConteudoDireita div.scrollpane,
#ConteudoEsquerda div.scrollpane{
	height:422px;
}
div.area_conteudo h1,
div.area_conteudo h2{
	color:#916B0E;
	font-size:16px;
	margin:10px 0 0 0;
	display:block;
}
div.area_conteudo p{
	color:#666;
	font-size:12px;
	line-height:18px;
	display:block;
	margin:5px 0 0 0;
	text-align:justify;
}
div.area_conteudo ul li.final,
div.area_conteudo p.final{
	padding:0 0 50px 0;
}
div.area_conteudo ul{}
div.area_conteudo ul li{
	color:#666;
	display:block;
	margin:0 5px  0 10px;
	text-align:justify;
	font-size:12px;
	line-height:16px;
	border-bottom:1px solid #916B0E;
	padding:10px 5px 10px 5px;
}
div.area_conteudo ul li.hover,
div.area_conteudo ul li:hover{
	background-color:#F3EAD6;
}
div.area_conteudo ul li h3{
	font-size:14px;
	color:#916B0E;
	*margin:0 0 0 -17px;
}
div.area_conteudo ul li strong{
	color:#916B0E;
	*margin:0 0 0 -15px;
}
div.area_conteudo ul li span{
	display:block;
}
div.area_conteudo ul li span.data_evento{
	color:#916B0E;
	*margin:0 0 0 -15px;
}
div.area_conteudo ul li span.desc_eventos{}
div.area_conteudo a{
	color:#916B0E;
}
div.area_conteudo ul#galeria_lista{}
div.area_conteudo ul#galeria_lista li{
	height:100px;
	*margin:0 0 0 -15px;
}
div.area_conteudo ul#galeria_lista li img{
	display:block;
	width:80px;
	height:80px;
	border:3px solid #916B0E;
}
div.area_conteudo ul#galeria_lista li span{
	display:block;
	position:relative;
	top:-90px;
	left:95px;
	width:230px;
}
div.area_conteudo ul#galeria_lista li span.galeria_data{
	font-size:11px;
	height:20px;
}
div.area_conteudo ul#galeria_lista li span.galeria_nome{
	font-size:15px;
	font-weight:600;
	color:#916B0E;
	height:20px;
}
div.area_conteudo ul#galeria_lista li span.galeria_desc{
	height:40px;
}
div.area_conteudo ul#galeria_lista li a.galeria_link{
	display:block;
	width:230px;
	position:relative;
	top:-90px;
	left:90px;
	text-align:right;
}
div.area_conteudo ul#noticias_lista{}
div.area_conteudo ul#noticias_lista li{}
div.area_conteudo ul#noticias_lista li span{}
div.area_conteudo ul#noticias_lista li span.noticia_data{
	font-size:11px;
	*margin:0 0 0 -15px;
}
div.area_conteudo ul#noticias_lista li span.noticia_titulo{}
div.area_conteudo ul#noticias_lista li span.noticia_titulo a{
	text-decoration:none;
}
div.area_conteudo address{
	font-size:11px;
	font-style:normal;
	display:block;
	margin:20px 0 0 0;
	color:#666;
}
div.area_conteudo p#ContatoTelefone{
	font-size:11px;
	display:block;
	margin:0px 0 0 0;
}
div.area_conteudo a#ContatoLinkMapa{
	text-decoration:none;
	color:#666;
}
div.area_conteudo a#ContatoLinkEmail{
	display:block;
	margin:5px 0 0 0;
}
div.area_conteudo img#LogoSantaSophia{
	display:block;
	margin:30px auto;
}
/*  FORMULÁRIO  */
div.area_conteudo form{
	display:block;
	margin:45px 0 0 0;
}
div.area_conteudo form fieldset{
	border:none;
}
div.area_conteudo form fieldset label{
	display:block;
	color:#916B0E;
	font-size:1~2px;
	height:24px;
	line-height:24px;
	width:70px;
	margin:-20px 0 0 0;
	padding:0 0 0 10px;;
	border:2px solid #F3EAD6;
	border-right:none;
}
#LabelEventoNome,
#LabelContatoNome{
	*position:absolute;
	*top:66px;
	*left:0px;
}
div.area_conteudo form fieldset label#LabelEventoTipo{
	letter-spacing:-1px;
}
div.area_conteudo form fieldset label.textarea{
	display:block;
	color:#916B0E;
	font-size:1~2px;
	height:24px;
	line-height:24px;
	width:328px;
	margin:-20px 0 0 0;
	padding:0 0 0 10px;;
	border:2px solid #F3EAD6;
	border-bottom:none;
}

#contatoNome, #contatoEmail, #eventoNome, #eventoEmail, #eventoTipo, #eventoParticipantes{
	display:block;
	border:2px solid #F3EAD6;
	border-left:none;
	clear:both;
	position:relative;
	top:-28px;
	*top:-29px;
	left:80px;
	height:24px;
	line-height:24px;
	width:250px;
	margin:0px;
	padding:0 5px 0 5px;
	color:#333;
}

#ContatoMensagem, #eventoObservacoes{}

.enviar

div.area_conteudo form fieldset input[type=text]{
	display:block;
	border:2px solid #F3EAD6;
	border-left:none;
	clear:both;
	position:relative;
	top:-28px;
	*top:-29px;
	left:80px;
	height:24px;
	line-height:24px;
	width:250px;
	margin:0px;
	padding:0 5px 0 5px;
	color:#333;
}

div.area_conteudo form fieldset textarea{
	display:block;
	border:2px solid #F3EAD6;
	border-top:none;
	position:relative;
	top:-1px;
	left:0px;
	height:150px;
	line-height:20px;
	width:328px;
	margin:0px;
	padding:0 5px 0 5px;
	color:#333;
	overflow-x:hidden;
	overflow-y:auto;;
}
div.area_conteudo form fieldset button{
	border:none;
	display:block;
	background-color: #F3EAD6;
	height:25px;
	width:70px;
	font-weight:600;
	color:#916B0E;
	cursor:pointer;
	margin:8px 0 0 272px;
}
div.area_conteudo form fieldset button.hover,
div.area_conteudo form fieldset button:hover{
	background-color: #916B0E;
	color:#F3EAD6;
}
/*  FORMULÁRIO FIM  */


/*========== CONTEUDO ESQUERDA FIM =====*/
/*========== CONTEUDO DIREITA ==========*/
#ConteudoDireita{
	width:374px;
	height:0px;
	float:left;
	position:absolute;
	top:0px;
	left:504px;
	background-color:#fff;
	display:none;
	opacity:0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}
#ConteudoDireitaFundo{
	width:504px;
	height:0px;
	float:left;
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	opacity:0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}
#ConteudoDireita.visivel,
#ConteudoDireitaFundo.visivel{
	display:block;
	height:442px;
	opacity:1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}
/*========== CONTEUDO DIREITA FIM ======*/
/*------------------------------ CONTEUDO FIM --------------------------------*/
/*------------------------------ RODAPE --------------------------------------*/
#Rodape{
	border-top:1px solid #916B0E;
	width:878px;
	height:30px;
	position:relative;
	top:-61px;
	*top:0px;
	_top:0px;
	z-index:0;
}
#Rodape ul{}
#Rodape ul li{
	display:block;
	height:28px;
	float:left;
	background-image:url(../img/layout/menu.png);
	overflow:hidden;
}
#Rodape ul li#MenuRodapeLocalizacao{
	background-position:0 -240px;
	width:80px;
	float:left;
}
#Rodape ul li#MenuRodapeHorario{
	background-position:0 -270px;
	width:170px;
	float:right;
}
#Rodape ul li a{
	text-indent:-1000em;
	display:block;
	width:100%;
	height:30px;
}
#Assinatura{
	width:400px;
	margin: -55px auto;
	margin:-40px auto \0/;
	text-align:center;
	
	
	z-index: 3000;
}
#Assinatura a{
	text-transform:uppercase;
	text-decoration:none;
	border:none;
	font-size:10px;
	color:#ddd;
        z-index: 3000;
	cursor: hand;
        margin: -80px auto;
}
/*------------------------------ RODAPE FIM ----------------------------------*/
#GaleriaFotos.ui-dialog-content{/* ui-widget-content*/
	overflow:hidden;
}
#ConteudoGaleria{
	position:absolute;
	left:0px;
	top:-16px;
	background-color:#fff;
	width:732px;
	height:458px;
	padding:0 0 0 146px;
}
#GaleriaFotos{
	width:546px;
	height:402px;
	padding:20px;

}
#GaleriaFotos button{
	border:none;
	display:block;
	width:20px;
	height:60px;
	text-indent:-1000em;
	background-color:#C49A34;
	position:relative;
	background-image:url(../img/layout/elementos.png);
	cursor:pointer;
	z-index:10;
}
#GaleriaFotos button#FotoAmpliadaProxima{
	left:526px;
	top:60px;
	background-position:-30px 0;
}
#GaleriaFotos button#FotoAmpliadaProxima.hover,
#GaleriaFotos button#FotoAmpliadaProxima:hover{
	background-position:-50px 0;
}
#GaleriaFotos button#FotoAmpliadaAnterior{
	left:0px;
	top:120px;
	background-position:-70px 0px;
	background-repeat:no-repeat;
}
#GaleriaFotos button#FotoAmpliadaAnterior.hover,
#GaleriaFotos button#FotoAmpliadaAnterior:hover{
	background-position:-90px 0px;
}
#GaleriaFotos div#FotoAmpliada{
	display:block;
	position:relative;
	top:-120px;
	left:20px;
	width:506px;
	height:336px;
	overflow:hidden;
	background-image:url(../img/layout/carregando.gif);
	background-repeat:no-repeat;
	background-position:center;
}
#GaleriaFotos div#FotoAmpliada img{
	border:3px solid #C19832;
}
#GaleriaFotos button#MiniaturasProxima{
	top:-155px;
	left:503px;
	background-position:-30px 0;

}
#GaleriaFotos button#MiniaturasProxima.hover,
#GaleriaFotos button#MiniaturasProxima:hover{
	background-position:-50px 0;
}
#GaleriaFotos button#MiniaturasAnterior{
	top:-95px;
	left:20px;
	background-position:-70px 0;
}
#GaleriaFotos button#MiniaturasAnterior.hover,
#GaleriaFotos button#MiniaturasAnterior:hover{
	background-position:-90px 0;
}
#BarraMiniaturas{
	background-color:#F3EAD6;
	position:relative;
	top:-230px;
	left:-20px;
	width:586px;
	height:92px;
}
#GaleriaFotos div#Miniaturas{
	position:relative;
	top:10px;
	left:65px;
	width:445px;
	height:72px;
	overflow:hidden;
}
#GaleriaFotos div#Miniaturas ul{
	display:block;
	width:9000em;
}
#GaleriaFotos div#Miniaturas ul li{
	display:block;
	float:left;
	margin:0 3px 0 3px;
}
#GaleriaFotos div#Miniaturas ul li a{}
#GaleriaFotos div#Miniaturas ul li a img{
	border:3px solid #F3EAD6;
	opacity:0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
}
#GaleriaFotos div#Miniaturas ul li a.hover img,
#GaleriaFotos div#Miniaturas ul li a:hover img,
#GaleriaFotos div#Miniaturas ul li a.miniatura_ativa img{
	border:3px solid #C19832;
	opacity:1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}
#Mapa{
	width:800px;
	height:400px;
}

#player{
	position:relative;
	z-index:1000;
	text-align:right;
	top:10px;
	margin:0 auto;
	width:900px;
	
}

#box
{
	margin-left: 250px;
	
}

.divbox
{
	margin-top: 4px;
	*margin_top: -10px;
	z-index: 9999;
	/*margin-top: 3px;*/
}

/* Micox Pseudo-class-css2 to IE (MXPC). Activate .hover and .first-child in IE 6
   Deixe isto ao final de tudo do seu CSS pois o Webkit não interpreta nada mais abaixo do expression
*/
* html * { color: expression( (function(who){ if(!who.MXPC){
 who.MXPC = '1';
 if(who.nodeName != 'A'){
  who.onmouseenter=function(){ who.className += ' hover'};
  who.onmouseleave=function(){ who.className = who.className.replace(' hover','')}; }
 (who==who.parentNode.firstChild) ? who.className += ' first-child' : '' ;
} } )(this) , 'auto') }