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

/*RESET*/
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* FIM RESET */

/* ESTRUTURA */
body{background:url(img/bg_home.jpg) no-repeat center top; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; line-height:11px;}
#container{width:950px; margin:auto; overflow:hidden;}
#header{ height:112px; width:100%; position:relative;}
#conteudo{ height:507px; width:100%; position:relative; overflow:hidden;}
#bottom{ height:81px; width:100%; position:relative; z-index:600;}
.interna{background-image:url(img/bg_interna.jpg); position:relative;}
.interna_sem_cristo{background-image:url(img/bg_interna_sem_cristo.jpg);}

/* HEADER */
#header ul{padding-top:23px; padding-left:8px; display:block-inline; width:50%;}
#header li {display:inline; padding-right:10px;}
#header li a{font-size:11px; color:#006287; text-decoration:none; text-transform:uppercase;}
#header li a:hover{text-decoration:underline;}
#header ul#menu_direita{position:absolute; top:0px; right:90px; width:auto;}
#header #logo{background-image:url(img/logo.gif); width:135px; height:66px; text-indent:400px; position:absolute; top:25px; left:415px; overflow:hidden;}
#header #logo_vale{background-image:url(img/logo_vale.png); width:77px; height:30px; text-indent:400px; position:absolute; top:12px; right:8px; overflow:hidden;}
#header h6{display:inline;}
#lingua {position:absolute; right:25px; top:62px;}
#lingua a{margin-left:5px;}

/* RODAPÉ */
#bottom #menu{display:block-inline; padding-top:25px; padding-left:32px; float:left;}
#bottom #menu a{color:#787a7d; text-decoration:none; line-height:14px;}
#bottom #menu a:hover{color:#666; text-decoration:underline; line-height:14px;}

#bottom #redes{position:absolute; top:25px; left:275px; width:500px;}
#bottom #redes a{text-indent:500px; overflow:hidden; margin:0px 5px;}

#redes #youtube{ width:56px; height:48px; background:url(img/youtube.gif); display:inline-block; position:absolute; left:0px;}
#redes #facebook{ width:56px; height:48px; background:url(img/facebook.gif); display:inline-block; position:absolute; left:295px;}
#redes #orkut{ width:63px; height:48px; background:url(img/orkut.gif); display:inline-block; position:absolute; left:132px;}
#redes #twitter{ width:81px; height:48px; background:url(img/twitter.gif); display:inline-block; position:absolute; left:200px;}
#redes #wikipedia{ width:85px; height:48px; background:url(img/wikipedia.gif); display:inline-block; position:absolute; left:68px;}

#bottom #colaboradores a{text-indent:500px; overflow:hidden;}
#bottom #colaboradores{position:absolute; top:20px; right:0px; width:180px;}
#colaboradores #arquidiocese{ width:44px; height:48px; background:url(img/arquidiocese.gif); display:block; position:absolute; top:0px; left:0px;}
#colaboradores #vale{ width:85px; height:48px; background:url(img/logo_vale.gif); display:block;  position:absolute; top:0px; right:17px;}

/* HOME */
#box_concurso{background:url(img/box_seu-nome.png) no-repeat; width:354px; height:200px; position:absolute; top:16px; left:182px; z-index:10}
#box_concurso h2{display:none;}
#box_concurso p{position:absolute; top:56px; left:30px; width:294px; color:#787a7d; z-index:4;}
/*#box_concurso a{position:absolute; top:178px; right:21px; width:184px; height:23px; background-image:url(img/bt_participe.png); text-indent:500px; overflow:hidden; z-index:5;}*/

#box_realidade_aumentada{ width:326px; height:134px; position:absolute; top:0px; left:543px; z-index:10}
#box_realidade_aumentada h2{background:url(img/titulo_realidade_aumentada.png); text-indent:500px; overflow:hidden; width:172px; height:92px; position:absolute; top:0px; left:0px; z-index:3}
#box_realidade_aumentada p{ position:absolute; top:82px; width:154px; height:52px; padding:10px 15px 0px 15px; background:url(img/box_1.png);}
#box_realidade_aumentada a{position:absolute; top:153px; left:76px; width:109px; height:19px; background-image:url(img/bt_experimente.png); text-indent:500px; overflow:hidden; z-index:3}

#box_twitter{ width:326px; height:134px; position:absolute; top:37px; left:745px; z-index:300;}
#box_twitter h2{background:url(img/titulo_twitter.png); text-indent:500px; overflow:hidden; width:203px; height:74px; position:absolute; top:0px; left:0px; z-index:3}
#box_twitter p{ position:absolute; top:52px; margin-left:15px; width:154px; height:74px; padding:9px 15px 0px 15px; background:url(img/box.png);}
#box_twitter a{color:#0000FF}

#box_historia{ width:366px; height:134px; padding:202px 0px 0px 552px; _padding-top:216px; position:relative;}
#box_historia h2{background:url(img/titulo_historia.png); text-indent:500px; overflow:hidden; width:212px; height:23px; position:absolute; top:190px; left:552px; z-index:3}
#box_historia p{ position:absolute; top:205px; margin-left:15px; width:306px; height:55px; padding:15px 15px 0px 30px; background:url(img/box_2.png);}
#box_historia a{position:absolute; top:283px; right:0px; width:178px; height:21px; background-image:url(img/bt_historia.png); text-indent:500px; overflow:hidden;}

#box_galeria{ width:200px; height:128px; position:absolute; top:339px; left:475px;}
#box_galeria h2{background:url(img/titulo_galeria_fotos.png); text-indent:500px; overflow:hidden; width:119px; height:23px; position:absolute; top:0px; left:0px; z-index:3}
#box_galeria p{ position:absolute; top:15px; margin-left:10px; width:154px; height:68px; padding:15px; padding-bottom:0px; background:url(img/box.png);}
#box_galeria a{position:absolute; top:108px; left:20px; width:184px; height:21px; background-image:url(img/bt_envie.png); text-indent:500px; overflow:hidden;}

#box_restauracao{ width:200px; height:128px; position:absolute; top:339px; left:690px;}
#box_restauracao h2{background:url(img/titulo_restauracao.png); text-indent:500px; overflow:hidden; width:128px; height:23px; position:absolute; top:0px; left:0px; z-index:3}
#box_restauracao p{ position:absolute; top:15px; margin-left:10px; width:169px; height:68px; padding:15px 0px 0px 15px; background:url(img/box.png);}
#box_restauracao a{position:absolute; top:108px; left:98px; width:97px; height:21px; background-image:url(img/bt_saibamais.png); text-indent:500px; overflow:hidden;}

#seu_nome{ width:446px; height:195px; position:absolute; top:186px; left:149px; background:url(img/seu_nome.png); z-index:4;}
#seu_nome span{ font-family:Tahoma; font-size:16px; color:#006287; position:absolute; top:73px; right:24px; height:40px; line-height:16px;}

/* LINHA DO TEMPO */
#box_linha{background:url(img/fundo_tit_linha.png); width:374px; height:62px;}
#box_linha h2{display:none;}
#box_linha p{position:absolute; top:35px; left:30px; width:330px; color:#787a7d; z-index:4;}
#amount{width:100%; overflow:hidden; position:absolute; top:200px;}
#linha{position:relative; display:block; width:10000px;}
.ano{ position:relative; float:left; background:url(img/bg_linha_tempo.png) right center no-repeat; height:460px; min-width:100px; _width:100px;}
.maior{ background:url(img/bg_linha_tempo1.png) right center no-repeat;}
.ano div{border-left:#FFFFFF 1px solid; height:160px; width:300px; display:block; position:absolute; top:30px; right:-260px; padding-left:1px;}
.ano div p{background-color:#FFFFFF; color:#666666; padding:5px 10px;}
.ano .data{font-family:Tahoma; font-size:16px; text-align:center; width:55px; color:#006287; position:absolute; top:195px; right:4px; height:40px; line-height:16px;}

.ano div.baixo{height:196px; width:223px; padding-top:24px; position:absolute; top:193px; right:-260px; z-index:500;}
.ano div.baixo p{height:186px; width:213px; padding:5px; background-color:#FFFFFF; text-align:center;}
.ano div.baixo img, .ano div.baixo embed{ margin-bottom:5px;}

.ui-widget-content {

}
.ui-slider {
position:relative;
text-align:left;
}
.ui-state-default, .ui-widget-content .ui-state-default {
background: url(img/botao_slider.png);
}
.ui-slider-horizontal .ui-slider-handle {
margin-left:-10px;
top:2px;
}
.ui-slider .ui-slider-handle {
cursor:pointer;
width:28px;
height:16px;
position:absolute;
z-index:2;
}
#slider{ width:319px; height:19px; z-index:100;}
#slider-fora{ width:327px; padding:0px 12px; height:19px; background: url(img/fundo_slider.png); margin-left:24px; margin-top:3px; z-index:99;}
#texto_linha{z-index:500; position:absolute; top:68px; left:130px; _top:5px; _left:105px;} 

/* GALERIA */
#screen{background-image:url(img/fundo_galeria.png); width:612px; height:275px; display:block; padding:7px 0px 5px 8px; position:relative;}
#screen a{ margin:3px 3px 0px 0px; border:#FFFFFF 3px solid; }
#paginacao{width:620px; display:block; text-align:center; position:absolute; bottom:-30px; left:0px;}
#paginacao a{color:#FFFFFF; text-decoration:none; width:15px; line-height:20px; display:inline-block; margin:0px; border:none;}
#paginacao a:hover{color:#FFFFFF; font-size:24px;}
#paginacao a:visited{color:#FFFFFF;}
#include{width:620px; display:block; text-align:center; padding-top:20px;}
#tit_galeria{background:url(img/tit_galeria_foto.png); width:390px; height:100px; display:block; position:relative;}
#tit_galeria h2{display:none;}
#tit_galeria p{position:absolute; top:38px; left:35px; color:#666666; padding-right:5px;}
#login{position:absolute; left:10px; color:#666666;}
#login label.error{color:#ff0000; font-size:11px; position:absolute; top:22px; right:30px; _padding-right:90px;}
#login div{position:relative; margin-bottom:5px; _margin-bottom:0px; *margin-bottom:0px;}
#login span{color:#666666; font-weight:bold; width:100px; text-align:right; float:left; display:block; line-height:20px;}
.fotinho{width:92px; height:58px; display:block; float:left;}
input[type=text]  {
background:#e5eff3; 
/* a cor do fundo dos três campos */
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
border:1px solid #006287;
/* uma borda de 1px tracejada e na cor laranja para 
o campo */
}  
textarea {background:#e5eff3; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
border:1px solid #006287;}

/*RESTAURACAO*/
#tit_restauracao{background:url(img/box_restauracao2010.png); width:677px; height:123px; display:block; position:relative;}
#tit_restauracao p{position:absolute; top:65px; left:35px; color:#666666;}
#tit_restauracao h2{ display:none;}
#video{background:url(img/box_videos.png); width:370px; height:298px; position:absolute; top:140px; left:23px; padding:8px; z-index:500}
#video h6{font-size:14px; color:#787a7d; padding:5px 0px;}
#video p{color:#787a7d; padding-top:11px;}

#lista_videos{position:absolute; top:140px; left:436px;}
#lista_videos li{background:url(img/box_rest.png); width:233px; height:72px; margin-bottom:8px}
#lista_videos li a{color:#FFFFFF; text-decoration:none; position:relative;}
#lista_videos li a:hover{color:#FFFFFF; text-decoration:underline;}
#lista_videos li img{border:solid 1px #FFFFFF; position:absolute; top:11px; left:8px;}
#lista_videos li p{ padding:11px 5px 0px 90px;}

/*FAQ*/
#tit_faq{background:url(img/tit_faq.png) no-repeat; width:557px; height:396px; display:block; position:relative; padding:40px 10px 0px 40px; color:#787a7d;}
#tit_faq a{ text-decoration:underline; color:#787a7d;}
#accordion a, #accordion2 a{text-decoration:none; padding-right:10px;}
#accordion h3, #accordion2 h3{ padding:10px 10px 10px 0px;}
#texto_faq p{ padding-right:20px;}

#tit_faq .ui-accordion-header{background:none;}
#texto_faq{width:587px; height:376px; overflow:scroll; display:block;}

/*AJUSTES PANE TRACK*/

.jScrollPaneDrag img{position: absolute; top:0px; left:0px;}
.jScrollPaneTrack{background-image:url(img/fundo_scroll_faq.png);}

/*REGULAMENTO*/
#tit_regulamento{background:url(img/tit_regulamento.png) no-repeat; width:557px; height:396px; display:block; position:relative; padding:40px 10px 0px 40px; color:#787a7d;}
#tit_regulamento a{ text-decoration:underline; color:#787a7d;}

/*CONTATO*/
#tit_contato{background:url(img/tit_contato.png); width:414px; height:279px; display:block; position:relative;}
#tit_contato h2{ display:none;}
#tit_contato{position:absolute; left:10px; color:#666666;}
#tit_contato label.error{color:#ff0000; font-size:11px; position:absolute; bottom:-12px; left:110px; _padding-right:90px;}
#tit_contato div{position:relative; margin-bottom:5px; padding-left:100px;}
#tit_contato span{color:#666666; font-weight:bold; width:100px; text-align:right; display:block; line-height:20px; position:absolute; top:0px; left:0px; _left:-100px;}
div#form_contato{position:absolute; top:40px; left:35px; color:#666666; padding-left:0px;}

/* PROMOCAO */

#texto_promo{overflow:scroll; height:230px; width:330px; color:#787a7d; padding:0px 10px; display:block;}
.box-left { float:left; }
.box-right { float:right; }

#box-p1 {
    width:314px;
    height:230px;
    background:url('img/tit_concurso.png') no-repeat;
    margin-top:15px;
	padding:60px 30px 10px 30px;
	position:relative;
}

/*AJUSTES PANE TRACK*/

#box-p1 .jScrollPaneDrag img{position: absolute; top:0px; left:0px;}
#box-p1 .jScrollPaneTrack{background:url(img/fundo_scroll_promo.png) no-repeat;}

#box-p2 {
    width:199px;
    height:101px;
    background:url('img/tit_premios.png') no-repeat;
    margin-top:15px;
    float:left;
}
#box-p2 p{padding:30px 10px 10px 30px;}

#box-p3 {
    width:199px;
    height:155px;
	margin-top:15px;
	padding-top:13px;
    margin-left:5px;
    float:left;
    position:relative;
}
#box-p3 h2 {
    overflow:hidden;
    background: url('img/tit_etapas.png') no-repeat;
    line-height:100px;
    width:152px;
    height:21px;
    position:absolute;
	top:0px;
	left:0px;
	z-index:500;
}

#box-p4 {
	position:absolute;
	top:0px;
	right:0px;
    width:535px;
    height:300px;
    margin-top:100px;
}
#cadastro{
    background:url(img/fundo_etapa.png) no-repeat;
	position:relative;
	width:466px;
	height:344px;
	padding:20px;
	color:#787a7d;
}
#cadastro h2 {
    overflow:hidden;
    line-height:100px;
    width:89px;
    height:21px;
    background:url('img/tit_cadastre.png') no-repeat;
	position:absolute;
	top:-15px;
	left:-20px;
}
#cadastro span {
    margin:4px 0px;
	_margin:2px 0px;
	*margin:2px 0px;
	display:block;
}
#frase{
    background:url(img/fundo_etapa.png) no-repeat;
	position:relative;
	width:466px;
	height:344px;
	padding:20px;
	color:#787a7d;
}
#frase h2 {
    overflow:hidden;
    line-height:100px;
    width:106px;
    height:21px;
    background:url('img/tit_frase.png') no-repeat;
	position:absolute;
	top:-15px;
	left:-20px;
}
#frase span {
    margin:4px 0px;
	_margin:2px 0px;
	*margin:2px 0px;
	display:block;
}
#quizz{
    background:url(img/fundo_etapa.png) no-repeat;
	position:relative;
	width:466px;
	height:344px;
	padding:20px;
	color:#787a7d;
}
#quizz h2 {
    overflow:hidden;
    line-height:100px;
    width:56px;
    height:24px;
    background:url('img/tit_quizz.png') no-repeat;
	position:absolute;
	top:-15px;
	left:-20px;
}

.etapa {
    width:210px;
    height:45px;
    margin-top:3px;
    background:url('img/box_etapa.png') right no-repeat;
}
.etapa img { margin-top:12px; margin-left:5px; float:left; }

.etapa-off {
    width:194px;
    height:45px;
    margin-top:3px;
    background:url('img/box_etapa_off.png') right no-repeat;
}
.etapa-off img { margin-top:12px; margin-left:5px; float:left; }

.text-active {
    color:#787A7D;
}

#text-quizz {
    width:157px;
    height:29px;
    padding-top:12px;
    padding-left:10px;
    float:left;
}
.error{color:#FF0000}
.status{position:absolute; right:20px; top:100px;}
#primeiro{
	width:157px;
    height:29px;
    padding-top:8px;
    padding-left:10px;
    float:left;}